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

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

1. ラベル属性

1. スクロール方向 (上、下、左、右の 4 つの値を含む)

構文: ...

2. スクロール動作 (スクロール: 循環スクロール、デフォルト効果、スライド: 1 回だけスクロールして停止、代替: 前後に交互にスクロール)

構文: ...< ; /marquee>

3. スクロール速度のスクロール量 (スクロール速度は、スクロールするたびに移動する長さをピクセル単位で設定します。これを使用しない場合、デフォルトは 6 ですが、1 ～ 3 に設定することをお勧めします。)

構文：...

4. スクロール遅延scrollDelay（スクロール時間の間隔を設定します。単位はミリ秒です。通常はScrollDelayを設定する必要はありません）。

構文: ...

5. スクロールループループ (デフォルト値は -1、スクロールはループし続けます)

構文: ... )=”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

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

1. ラベル属性