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
})
})
}
偉大な神とレビューにあなたを歓迎するためにポインティング。