HTML テキスト スクロール コード
<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face="黑体" color="#008000" size="4" ></font ></center ><div align="left" ><br /></div ><center ><p ><font color="#ff6600" size="4" >滚动文字</font ></p ><p ><font color="#ff4500" size="4" >滚动文字</font ></p ><p ><font color="#ff3300" size="4" >滚动文字</font ><br /><br /></p ></marquee >
marquee パラメータ:
BGColor: スクロール テキスト ボックスの背景色。
方向: スクロール方向の設定。左、右、上、下を選択できます。
scrolllay: スクロールの各ラウンドの間の遅延時間。値が大きいほど遅くなります。
scrollamount: スクロールの合計時間。数値が小さいほど、スクロールが遅くなります。
動作: スクロール方法を設定します。3 つの値: Scroll (循環スクロール)、Slide (単一スクロール)、Alternate (前後スクロール)。
整列: テキストの整列設定。中、下、上を選択できます。
幅: スクロールするテキスト ボックスの幅。値を入力し、後ろにあるラジオ ボタンからピクセル (ピクセル単位) またはパーセント (パーセント単位) で選択します。
高さ: スクロールするテキスト ボックスの高さ。値を入力し、背面のラジオ ボタンから [ピクセル] (ピクセル単位) または [パーセント] (パーセント単位) を選択します。
ループ: スクロール数。デフォルトは無限です
hspace、vspace: 前後および上の空行。
ローリング字幕は多くの人を興奮させます。特に初めてローリング字幕を使用する場合、彼らはそれを止めることができなくなります。スクロール字幕をたくさん使ってきましたが、もう興奮しなくなったので、今はあまり使っていません。多くの友人がこれがどのように行われるかをよく尋ねます。より包括的な理解を得るために、ここで詳細なトピックを作成します。
スクロール字幕は FrontPage コンポーネントで利用できますが、FrontPage は 1 行のテキストのみをサポートするソフトウェアです。複数行のテキストが表示される場合は何もできず、1 行のスクロールしかサポートできません。 (1 行しかスクロールできない場合、解決策は、このコードを JavaScript の document.write に埋め込むことです。詳細な手順については、以下の例 d を参照してください。) Dreamweaver では、HTML コードを記述する方法のみを使用できます。したがって、メモ帳を使用して Web ページのソース コードを開いて編集することを強くお勧めします。
1. 最初のローリング字幕を作成します。コード:
<marquee scrollAmount=2 width=300>靓丽风景线</marquee>
効果は次のとおりです: 美しい景色
2. 各パラメータの詳細な説明:
a)scrollAmount。速度を表し、値が大きいほど速度が速くなります。使用できない場合、デフォルトは 6 です。1 ～ 3 に設定することをお勧めします。
b) 幅と高さはスクロール領域のサイズを表します。幅は幅、高さは高さです。特に垂直スクロールを行う場合は、高さの値を設定する必要があります。
c) 方向。スクロールの方向を示します。デフォルトは右から左です: ←←←。オプションの値は、right、down、up です。スクロール方向は、右は→→→、上は↑、下は↓です。
d)scrollDelay。速度の制御にも使用されます。デフォルトは 90 です。値が大きいほど、速度が遅くなります。通常、scrollDelay を設定する必要はありません。
e) 行動。属性を制御するために使用します。デフォルトは循環スクロールです。オプションの値は、alternate (交互スクロール) および slide (一度スクロールしてからスクロールを停止することを意味します) です。 例:
CCTV
b) マウスがテキスト上にあるときにテキストのスクロールを停止するにはどうすればよいですか?
テキストコンテンツ
c) 交互効果。コードは次のようになります:
効果は次のようになります:
d) 複数行のテキストが上にスクロールします。次のようなコード:
・美しい景色は以下の通りです:
·おはようございます!
・空気がとても新鮮です・大丈夫ですか？
・美しい景色
· 注: Web ページが FrontPage で編集されている場合、保存後は 1 行しかスクロールできません。なんと、元のコードの順序が変わっていることがわかります。解決策は、元のコードを見つけて JavaScript document.write に埋め込むことです。上記のコードは次のように記述されます。 ·おはようございます
大丈夫ですか
美しい景色')< /script>
e) スクロールする字幕の色を変更しますか?スタイルシートを使用して制御できます。次の効果は、コードは
大丈夫ですか
画像のスクロール
の記述を使用します。また、画像名に中国語を使用しないように注意し、英語の大文字と小文字の区別に注意してください。
画像へのハイパーリンクを作成します
と を使用して を囲みます。img は border=0 に設定する必要があります。そうしないと、画像に青いフレームが表示されます。正しい例は次のとおりです: & lt;a href=http://www.webshu.com>
ここで、 href= は、最も一般的に使用されるハイパーリンクを表します。練習方法も非常に簡単で、普段FPやDWを使ってWebページを作っているときは、ソースコードをよく確認するだけです。
複数の画像を並べてスクロールします
通常、画像は
(戻る) または
(画像間の距離を正確に調整します) によってリンクされます。最初に表内の画像の書式を設定してから、表内のすべてのステートメントをマーキーに追加して、表をスクロールさせることもできます。
コード<script>document.write('<marqueescrollAmount=2 width=340 height=160 direct=up onmouseover=stop() onmouseout=start()><a href=http://www .webshu.com><img src=http://www.cnblogs.com/j/01.jpg border=0></a></marquee>')</script>
marquee パラメータ:
BGColor: スクロールするテキスト ボックスの背景色。方向: スクロール方向の設定。左、右、上、下を選択できます。
scrolllay: スクロールの各ラウンドの間の遅延時間。値が大きいほど遅くなります。
scrollamount: スクロールの合計時間。数値が小さいほど、スクロールが遅くなります。
動作: スクロール方法を設定します。3 つの値: Scroll (循環スクロール)、Slide (単一スクロール)、Alternate (前後スクロール)。
整列: テキストの整列設定。中、下、上を選択できます。
幅: スクロールするテキスト ボックスの幅。値を入力し、後ろにあるラジオ ボタンからピクセル (ピクセル単位) またはパーセント (パーセント単位) で選択します。
高さ: スクロールするテキスト ボックスの高さ。値を入力し、背面のラジオ ボタンから [ピクセル] (ピクセル単位) または [パーセント] (パーセント単位) を選択します。
ループ: スクロール数。デフォルトは無限です
hspace、vspace: 前後および上の空行。
スクロール字幕は FrontPage コンポーネントで利用できますが、FrontPage は 1 行のテキストのみをサポートするソフトウェアです。複数行のテキストが表示される場合は何もできず、1 行のスクロールのみをサポートします。 (1 行しかスクロールできない場合、解決策は、このコードを JavaScript の document.write に埋め込むことです。詳細な手順については、以下の例 d を参照してください。) Dreamweaver では、HTML コードを記述する方法のみを使用できます。したがって、メモ帳を使用して Web ページのソース コードを開いて編集することを強くお勧めします。
<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face="黑体" color="#008000" size="4" ></font ></center ><div align="left" ><br /></div ><center ><p ><font color="#ff6600" size="4" >滚动文字</font ></p ><p ><font color="#ff4500" size="4" >滚动文字</font ></p ><p ><font color="#ff3300" size="4" >滚动文字</font ><br /><br /></p ></marquee >
効果は次のとおりです: 美しい景色
2. 各パラメータの詳細な説明:
a)scrollAmount。速度を表し、値が大きいほど速度が速くなります。使用できない場合、デフォルトは 6 です。1 ～ 3 に設定することをお勧めします。
b) 幅と高さはスクロール領域のサイズを表します。幅は幅、高さは高さです。特に垂直スクロールを行う場合は、高さの値を設定する必要があります。
c) 方向。スクロールの方向を示します。デフォルトは右から左です: ←←←。オプションの値は、right、down、up です。スクロール方向は、右は→→→、上は↑、下は↓です。
d)scrollDelay。速度の制御にも使用されます。デフォルトは 90 です。値が大きいほど、速度が遅くなります。通常、scrollDelay を設定する必要はありません。
e) 行動。属性を制御するために使用します。デフォルトは循環スクロールです。オプションの値は、alternate (交互スクロール) および slide (一度スクロールしてからスクロールを停止することを意味します) です。 例:
CCTV
b) マウスがテキスト上にあるときにテキストのスクロールを停止するにはどうすればよいですか?
テキストコンテンツ
c) 交互効果。コードは次のようになります:
効果は次のようになります:
d) 複数行のテキストが上にスクロールします。次のようなコード:
・美しい景色は以下の通りです:
·おはようございます!
・空気がとても新鮮です・大丈夫ですか
・美しい景色
・注: Web ページが FrontPage で編集されている場合、保存後は 1 行しかスクロールできません。元のコードシーケンスが変更されました、なんと！解決策は、元のコードを見つけて JavaScript document.write に埋め込むことです。上記のコードは次のように記述されます。 ·おはようございます
大丈夫ですか
美しい景色')< /script>
e) スクロールする字幕の色を変更しますか?スタイルシートを使用して制御できます。次の効果は、コードは
大丈夫ですか
画像のスクロール
ステートメント を使用します。また、画像名に中国語を使用しないように注意し、英語の大文字と小文字の区別に注意してください。
画像へのハイパーリンクを作成します
と を使用して を囲みます。img は border=0 に設定する必要があります。そうしないと、画像に青いフレームが表示されます。正しい例は次のとおりです: & lt;a href=http://www.webshu.com>
ここで、 href= は、最も一般的に使用されるハイパーリンクを表します。練習方法も非常に簡単で、普段FPやDWを使ってWebページを作っているときは、ソースコードをよく確認するだけです。
複数の画像を並べてスクロールします
通常、画像は
(戻る) または
(画像間の距離を正確に調整します) によってリンクされます。最初に表内の画像の書式を設定してから、表内のすべてのステートメントをマーキーに追加して、表をスクロールさせることもできます。
コード<script>document.write('<marqueescrollAmount=2 width=340 height=160 direct=up onmouseover=stop() onmouseout=start()><a href=http://www .webshu.com><img src=http://www.cnblogs.com/j/01.jpg border=0></a></marquee>')</script>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
