前後に生産ラインをローリング

 

 

 

A、HTML部分:

<のdivクラス= "F75のCL">
           <UL>
             <李クラス= "FL"> ICBC北京支店:貴金属市場の取引戦略(20191225ます。</ li>
              <李クラス= "FL"> ICBC北京支店:貴金属市場の取引戦略(20191224)</ LI>
              <李クラス=「FL」>お知らせ希望的観測金累積ビジネスの最低投資額の調整でます。</ li>
               <李クラス= "FL"> ICBC北京支店:貴金属市場の取引戦略(20191220)</ LI>
               <李クラス=「FLは」>ボーイングは、それが生産737MAXシリーズの航空機を中断することを発表します。</ li>
                <李クラス=「FL」>ニューヨーク連邦準備製造指数は</ LI> 3.5に12月に上昇しました
                <李クラスは= "FL">ニューヨーク州は、金は$インデックスが下落したバラます。</ li>
             </ UL>
  </ div>
二、CSSのセクション
.f75 {
    幅:400ピクセル;
    高さ:30px;
    オーバーフロー:隠されました;
}
.f75 ULリー{
    幅:400ピクセル;
    高さ:30px;
    行の高さ:30px;
    余白左:15ピクセル;
    フォントサイズ:15ピクセル;
    テキスト整列:左;
    テキストオーバーフロー:省略記号。
    ホワイトスペース:NOWRAP。
    オーバーフロー:隠された; //によって表される3つのラインの余分な部分の下...。
}
.f75 ULのLi:ホバー{
    色:#c7000b。
}
三、jsの一部
VAR時間=たsetInterval(関数(){
    T();
}、5000)

関数T(){
    VAR彼は( "F75> UL>李")$を=高さ();. //高-LI見つけます
    $( "F75> UL>李。")式(0).appendTo($( "F75> UL。"));. //コピー最初の最後に
    $( "F75> UL")。アニメーション({
        "marginTop": " - " +彼
    }、500、関数(){
        $( "F75> UL")。CSS({
            "marginTop":0
        })
    })
}
 
偉大な神とレビューにあなたを歓迎するためにポインティング。

おすすめ

転載: www.cnblogs.com/lxc127136/p/12150654.html