HTMLローリング字幕コードとparameters_html/css_WEB-ITnoseの詳細説明

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 (一度スクロールしてからスクロールを停止することを意味します) です。 例:

3. ) スクロール字幕にハイパーリンクを追加するにはどうすればよいですか?これは通常のハイパーリンクとまったく同じです。 01eb31e8f611fa34f96dfb5291eb5ea5 と 5db79b134e9f6b82c0b36e0489ee08ed をテキストの外側に追加します。次の効果、コードは 3380fb092b1e6d762a03f9481c5b9941f8e87be7cc39bb520b85e1696da2ed91CCTV5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b、CCTV をクリックして入力します:

CCTV

b) マウスがテキスト上にあるときにテキストのスクロールを停止するにはどうすればよいですか?

コードは次のとおりです:

4356f9fdddb30e45ab8e10acbbf7614fテキストコンテンツ7204e33a7a23f6efcc788532e245c31b

効果は次のとおりです:

テキストコンテンツ

c) 交互効果。コードは次のようになります:
8618ac00b6318a8747d16a3c76687f50Text content7204e33a7a23f6efcc788532e245c31b
効果は次のようになります:

Text content

d) 複数行のテキストが上にスクロールします。次のようなコード:

aabfc0e23256f30ebe0a05be945599c8·おはようございます! 0c6dc11e160d3b678d68754cc175188a・空気がとても新鮮です0c6dc11e160d3b678d68754cc175188a・大丈夫ですかe388a4556c0f65e1904146cc1a846bee・f8e87be7cc39bb520b85e1696da2ed91美しい景色5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31bは以下の通りです:

·おはようございます!

・空気がとても新鮮です

・大丈夫ですか？
・美しい景色

· 注: Web ページが FrontPage で編集されている場合、保存後は 1 行しかスクロールできません。なんと、元のコードの順序が変わっていることがわかります。解決策は、元のコードを見つけて JavaScript document.write に埋め込むことです。上記のコードは次のように記述されます。 ·おはようございます0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a大丈夫ですかe388a4556c0f65e1904146cc1a846beef8e87be7cc39bb520b85e1696da2ed91美しい景色5db79b134e9f6b82c0b36e0489ee08edb1caf867bf930ab1d3cf8f70a13b09f1')9429d6e1efad07153846e528605c447e

e) スクロールする字幕の色を変更しますか?スタイルシートを使用して制御できます。次の効果は、コードは 3380fb092b1e6d762a03f9481c5b99419fe0d060187418e1bff8fef5c8a6f98dAre you ok5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b です。

大丈夫ですか

画像のスクロール

b78e1a1644ec7707dc30755d600173d9の記述を使用します。また、画像名に中国語を使用しないように注意し、英語の大文字と小文字の区別に注意してください。

画像へのハイパーリンクを作成します

2de933bd81cf0e954926b4b4a48640c3 と 5db79b134e9f6b82c0b36e0489ee08ed を使用して a1f02c36ba31691bcfe87b2722de723b を囲みます。img は border=0 に設定する必要があります。そうしないと、画像に青いフレームが表示されます。正しい例は次のとおりです: & lt;a href=http://www.webshu.com>3c1d22c207b7a8fa6912e5d614cde806 ここで、 href= は、最も一般的に使用されるハイパーリンクを表します。練習方法も非常に簡単で、普段FPやDWを使ってWebページを作っているときは、ソースコードをよく確認するだけです。

複数の画像を並べてスクロールします

通常、画像は 0c6dc11e160d3b678d68754cc175188a (戻る) または e48ef3b8e3a1de649582bc3f0909b36d (画像間の距離を正確に調整します) によってリンクされます。最初に表内の画像の書式を設定してから、表内のすべてのステートメントをマーキーに追加して、表をスクロールさせることもできます。

コード3f1c4e4b6b16bbbd69b2ee476dc4f83adocument.write('7ccc9b399425325b2c37f4e9052ce11a7fe2295442ec2b609620a54000cc0c8f3c1d22c207b7a8fa6912e5d614cde8065db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b')2cacc6d41bbb37262a98f745aa00fbf0

marquee パラメータ:

BGColor: スクロールするテキスト ボックスの背景色。

方向: スクロール方向の設定。左、右、上、下を選択できます。
scrolllay: スクロールの各ラウンドの間の遅延時間。値が大きいほど遅くなります。
scrollamount: スクロールの合計時間。数値が小さいほど、スクロールが遅くなります。
動作: スクロール方法を設定します。3 つの値: Scroll (循環スクロール)、Slide (単一スクロール)、Alternate (前後スクロール)。
整列: テキストの整列設定。中、下、上を選択できます。
幅: スクロールするテキスト ボックスの幅。値を入力し、後ろにあるラジオ ボタンからピクセル (ピクセル単位) またはパーセント (パーセント単位) で選択します。
高さ: スクロールするテキスト ボックスの高さ。値を入力し、背面のラジオ ボタンから [ピクセル] (ピクセル単位) または [パーセント] (パーセント単位) を選択します。
ループ: スクロール数。デフォルトは無限です
hspace、vspace: 前後および上の空行。

ローリング字幕は多くの人を興奮させます。特に初めてローリング字幕を使用する場合、彼らはそれを止めることができなくなります。スクロール字幕をたくさん使ってきましたが、もう興奮しなくなったので、今はあまり使っていません。多くの友人が、これがどのように行われるのかよく尋ねます。より包括的な理解を得るために、ここで詳細なトピックを作成します。

スクロール字幕は FrontPage コンポーネントで利用できますが、FrontPage は 1 行のテキストのみをサポートするソフトウェアです。複数行のテキストが表示される場合は何もできず、1 行のスクロールのみをサポートします。 (1 行しかスクロールできない場合、解決策は、このコードを JavaScript の document.write に埋め込むことです。詳細な手順については、以下の例 d を参照してください。) Dreamweaver では、HTML コードを記述する方法のみを使用できます。したがって、メモ帳を使用して Web ページのソース コードを開いて編集することを強くお勧めします。

1. 最初のローリング字幕を作成します。コード:

<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 (一度スクロールしてからスクロールを停止することを意味します) です。 例:

3. ) スクロール字幕にハイパーリンクを追加するにはどうすればよいですか?これは通常のハイパーリンクとまったく同じです。 01eb31e8f611fa34f96dfb5291eb5ea5 と 5db79b134e9f6b82c0b36e0489ee08ed をテキストの外側に追加します。次の効果、コードは 3380fb092b1e6d762a03f9481c5b9941f8e87be7cc39bb520b85e1696da2ed91CCTV5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b、CCTV をクリックして入力します:

CCTV

b) マウスがテキスト上にあるときにテキストのスクロールを停止するにはどうすればよいですか?

コードは次のとおりです:

4356f9fdddb30e45ab8e10acbbf7614fテキストコンテンツ7204e33a7a23f6efcc788532e245c31b

効果は次のとおりです:

テキストコンテンツ

c) 交互効果。コードは次のようになります:
8618ac00b6318a8747d16a3c76687f50Text content7204e33a7a23f6efcc788532e245c31b
効果は次のようになります:

Text content

d) 複数行のテキストが上にスクロールします。次のようなコード:

aabfc0e23256f30ebe0a05be945599c8·おはようございます! 0c6dc11e160d3b678d68754cc175188a・空気がとても新鮮です0c6dc11e160d3b678d68754cc175188a・大丈夫ですかe388a4556c0f65e1904146cc1a846bee・f8e87be7cc39bb520b85e1696da2ed91美しい景色5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31bは以下の通りです:

·おはようございます!

・空気がとても新鮮です

・大丈夫ですか
・美しい景色



・注: Web ページが FrontPage で編集されている場合、保存後は 1 行しかスクロールできません。元のコードシーケンスが変更されました、なんと！解決策は、元のコードを見つけて JavaScript document.write に埋め込むことです。上記のコードは次のように記述されます。 ·おはようございます0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a大丈夫ですかe388a4556c0f65e1904146cc1a846beef8e87be7cc39bb520b85e1696da2ed91美しい景色5db79b134e9f6b82c0b36e0489ee08edb1caf867bf930ab1d3cf8f70a13b09f1')9429d6e1efad07153846e528605c447e

e) スクロールする字幕の色を変更しますか?スタイルシートを使用して制御できます。次の効果は、コードは 3380fb092b1e6d762a03f9481c5b99419fe0d060187418e1bff8fef5c8a6f98dAre you ok5db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b です。

大丈夫ですか

画像のスクロール

ステートメント b78e1a1644ec7707dc30755d600173d9 を使用します。また、画像名に中国語を使用しないように注意し、英語の大文字と小文字の区別に注意してください。

画像へのハイパーリンクを作成します

2de933bd81cf0e954926b4b4a48640c3 と 5db79b134e9f6b82c0b36e0489ee08ed を使用して a1f02c36ba31691bcfe87b2722de723b を囲みます。img は border=0 に設定する必要があります。そうしないと、画像に青いフレームが表示されます。正しい例は次のとおりです: & lt;a href=http://www.webshu.com>3c1d22c207b7a8fa6912e5d614cde806 ここで、 href= は、最も一般的に使用されるハイパーリンクを表します。練習方法も非常に簡単で、普段FPやDWを使ってWebページを作っているときは、ソースコードをよく確認するだけです。

複数の画像を並べてスクロールします
通常、画像は 0c6dc11e160d3b678d68754cc175188a (戻る) または e48ef3b8e3a1de649582bc3f0909b36d (画像間の距離を正確に調整します) によってリンクされます。最初に表内の画像の書式を設定してから、表内のすべてのステートメントをマーキーに追加して、表をスクロールさせることもできます。

コード3f1c4e4b6b16bbbd69b2ee476dc4f83adocument.write('7ccc9b399425325b2c37f4e9052ce11a7fe2295442ec2b609620a54000cc0c8f3c1d22c207b7a8fa6912e5d614cde8065db79b134e9f6b82c0b36e0489ee08ed7204e33a7a23f6efcc788532e245c31b')2cacc6d41bbb37262a98f745aa00fbf0