ホームページ > 記事 > ウェブフロントエンド > HTML タグのマーキーでスクロール効果を実現_html/css_WEB-ITnose
HTML タグ - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b は、JS コントロールを使用せずにさまざまなスクロール効果を実現できます。マーキー タグを使用すると、テキストの移動だけでなく、画像や表などの移動もできます。ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b 内にスクロールしたいコンテンツを入力するだけです。
1. スクロール方向 (上、下、左、右の 4 つの値を含む)
構文: d4e49ca334fe8f3efe6a583e5623e421...7204e33a7a23f6efcc788532e245c31b
2. スクロール動作 (スクロール: 循環スクロール、デフォルト効果、スライド: 1 回だけスクロールして停止、代替: 前後に交互にスクロール)構文: 8cb2b81fb4f51e5b27e7d206dd237ad9...< ; /marquee>
3. スクロール速度のスクロール量 (スクロール速度は、スクロールするたびに移動する長さをピクセル単位で設定します。これを使用しない場合、デフォルトは 6 ですが、1 ~ 3 に設定することをお勧めします。)
構文:0bbfb4b02c83fcb8fd86490c1b9a69ab...7204e33a7a23f6efcc788532e245c31b
4. スクロール遅延scrollDelay(スクロール時間の間隔を設定します。単位はミリ秒です。通常はScrollDelayを設定する必要はありません)。
構文: 1575f7128b12e554baf1659de88136e7...7204e33a7a23f6efcc788532e245c31b
5. スクロールループループ (デフォルト値は -1、スクロールはループし続けます)
構文: 98c44d64cee3ee0837fecdc40d711426 ... )=”this.start()”: マウスがエリア外に出たときにスクロールを続けるように設定するために使用されます
2.onmouseover()=”this.stop()”:マウスが領域内に移動したときにスクロールを停止するように設定するために使用します
3. 例
1. スクロールする字幕にハイパーリンクを追加します
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
3. 複数行のテキストが上にスクロールします
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>
*2.http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html
*/