ホームページ  >  記事  >  ウェブフロントエンド  >  HTML タグのマーキーでスクロール効果を実現_html/css_WEB-ITnose

HTML タグのマーキーでスクロール効果を実現_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:19:501421ブラウズ

HTML タグ - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b は、JS コントロールを使用せずにさまざまなスクロール効果を実現できます。マーキー タグを使用すると、テキストの移動だけでなく、画像や表などの移動もできます。ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b 内にスクロールしたいコンテンツを入力するだけです。

1. ラベル属性

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>

2. マウスがテキスト上に留まり、テキストのスクロールが停止します。

<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>

3. 複数行のテキストが上にスクロールします

<marquee scrollAmount=2 width=300 height=160 direction=up>&middot;早晨好啊!<br>&middot;空气好清新啊<br>&middot;今朝食乜好呢?<p>&middot;<a href=http://www.cctv.com>中央电视台</a></marquee>  

注: Web ページを保存した後、この時点では 1 行しかスクロールできません。元のコードが変更されました、なんと!解決策は、元のコードを見つけて JavaScript document.write に埋め込むことです。上記のコードは次のように記述されます。 com/mountain-mist/articles/975781.html

*2.http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html

*/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。