ホームページ  >  記事  >  ウェブフロントエンド  >  マーキータグのスクロール効果を完成させるコードの詳細な説明

マーキータグのスクロール効果を完成させるコードの詳細な説明

巴扎黑
巴扎黑オリジナル
2017-05-22 10:38:141773ブラウズ

次のエディターは、HTML タグのマーキーを使用してスクロール効果を実現する簡単な方法を提供します (必読)。編集者はこれがとても良いと思ったので、参考として共有します。エディターと一緒に見に来てください。皆さんのゲームの成功を祈っています

ページの自動スクロール効果は JavaScript によって実現できますが、今日偶然 00d44ba3c5f0818a68e48afe7c74adf9...7204e33a7a23f6efcc788532e245c31b; 説明: マーカー間にスクロールするコンテンツを追加します。

重要な属性:

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

構文: d4e49ca334fe8f3efe6a583e5623e421...cfc93df810a0e626e75f21bd10c32d9f

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

構文: 5950a66833eb7288e34fb3cb8baf0454。 ..7204e33a7a23f6efcc788532e245c31b

3. スクロール速度scrollamount (スクロール速度は、スクロールするたびに移動する長さをピクセル単位で設定します)

構文: 0bbfb4b02c83fcb8fd86490c1b9a69ab...< ;/marquee>

4. スクロール遅延スクロール遅延 (スクロール時間間隔をミリ秒単位で設定します)

構文: c09f19e007671b0737ff65550d665da5...7204e33a7a23f6efcc788532e245c31b

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

構文: 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b

6. スクロール範囲の幅、高さ

7. bgcolor

8. ホワイトスペース HSPACE、VSPACE

コード例:

xml コード 内容をクリップボードにコピーします

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档</title>  
    </head>  
      
    <body>  
    <p>  
    <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
    E
  2. はマーキー配置メソッド全体を指します; ( 2) 動作: スクロール方法を設定します。 スクロール: 一方の端からもう一方の端までスクロールすることを意味します。欠点は、シームレスにスクロールできないことです。 slide: 繰り返さずに端から端までスクロールすることを意味します...

  3. 0bb3f73a10fa6c0b580438dadc07dad6

  4. 9827ac19507f937f80d7837a3e3d9150

  5. 506f05a80fe0d8d4b13fde5fa6b2011d

【関連おすすめ】

1.

html 無料ビデオチュートリアル

2

nodejs で HTML を解析する方法を教えます

3. HTML と CSS の知識ポイントの超包括的な概要を共有します

4. Html5 データリスト タグとバックグラウンド データとの動的マッチングについて詳しく説明します

5. 非同期ファイルアップロードを完了するための HTML JQuery コード例

以上がマーキータグのスクロール効果を完成させるコードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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