jQuery を模倣した Sina グラフィックスと完全に互換性があり、テキストのフェードインとフェードアウト、主要なブラウザーの断続的なスクロール効果_jquery

1. 効果と機能の説明: Sina Weibo の画像テキストリストを模倣し、断続的に上下にスクロールします。

2. 実装の原則は、最初に 4 つの画像のみを表示するように div を設定し、その後、画像を上下にスクロールできるようにアニメーション イベントを追加します。エフェクトは li タグによって再生され、各 li は全体として扱われ、それらは div に入り、最終的に div から出るときに表示されます。アニメーション効果を完全に実行します。

3. 動作環境

Firefox および Google Chrome ブラウザの IE6 IE7 IE8 以降で実装できます

4. すべての画像の圧縮パッケージ用の新しいファイルを作成し、パッケージを解凍してフォルダーに配置します。ダウンロード後、画像の圧縮パッケージが表示され、ダウンロードできます。フォルダー名はすでに書き込まれており、html5 内のパスは

と一致するため、変更する必要はありません。

5. 作成したhtmlファイルを保存する際、一部の漢字が正常に表示されるようにエンコードタイプを(署名付きUTF-8)に変更します。保存タイプ(T)を(すべてのファイル(*.*))に変更します。 )、html5フォルダーと解凍した画像フォルダーを同じフォルダーに置きます

6. コード

コードをコピー コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$('ul.spy').simpleSpy();
/*ul.spy は simpleSpy() テンプレート メソッドを呼び出します*/
});

jquery は新浪微博の画像テキストリストを模倣しますギャップスクロールフェードインおよびフェードアウトスクロール

                                                                                                                                                                                                                                                                 ＆lt; p class = "info"＆gt; 2008年11月29日by neue＆lt;/p＆gt;                                                                                                                                                                                                                                         " title="リフレットの表示">                                                                                                                                                                

2008 年 11 月 29 日、neue 作成


           
           
• 
                  http://www.jb51.net/" title="ケイト モロスのリトル ビッグ プラネットを見る">                

  http://www.jb51.net/" title="ケイト モロス リトル ビッグ プラネットを見る">ケイト モロス リトル ビッグ プラネット< /h5>
                 

  2008 年 11 月 29 日、neue 作成

  
             


           
• 
                  http://www.jb51.net/" title="無題の表示">
                 

  http://www.jb51.net/" title="無題を見る">無題

  
                 

  2008 年 11 月 29 日 by mike1052

  
             

           
• 
                  http://www.jb51.net/" title="チュートリアルのライブラリを表示">                

  http://www.jb51.net/" title="私のチュートリアルのライブラリを表示">私のチュートリアルのライブラリ

  
                 

  2008 年 11 月 29 日 by FrancescoOnAir

  
             

           
• 
                  http://www.jb51.net/" title="Sandy を表示 — 無料の個人メール アシスタント - ログイン">
                 

  http://www.jb51.net/" title="Sandy を表示 — 無料のパーソナル メール アシスタント - ログイン">Sandy — 無料

  
                 

  2008 年 11 月 29 日 by John Doe

  
             

           
• 
                  http://www.jb51.net/" title="Sandy を表示 — 無料の個人メール アシスタント - ログイン">
                 

  http://www.jb51.net/" title="Sandy を表示 — 無料のパーソナル メール アシスタント - ログイン">Sandy — 無料

  
                 

  2008 年 11 月 29 日 by John Doe

  
             

           
• 
                  http://www.jb51.net/" title="Sandy を見る — 無料の個人メール アシスタント">                

  http://www.jb51.net/" title="Sandy — 無料のパーソナル メール アシスタントを表示">Sandy — 無料< ;/h5>
                 

  2008 年 11 月 29 日 by John Doe

  
             


           
• 
                  http://www.jb51.net/" title="n ブログの値を表示">                

  http://www.jb51.net/" title="n 件のブログの値を表示">n 件のブログの値                

  2008 年 11 月 29 日 by John Doe

  
             


       

   

怎么样、効果は無害に相当します。