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

CCTV

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

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

テキストコンテンツ

効果は次のとおりです:

テキストコンテンツ

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

Text content

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

·おはようございます!
・空気がとても新鮮です
・大丈夫ですか

・美しい景色は以下の通りです:

·おはようございます!

・空気がとても新鮮です

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

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


大丈夫ですか

美しい景色')< /script>

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

大丈夫ですか

画像のスクロール

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

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

と を使用して を囲みます。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 ページのソース コードを開いて編集することを強くお勧めします。

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

CCTV

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

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

テキストコンテンツ

効果は次のとおりです:

テキストコンテンツ

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

Text content

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

·おはようございます!
・空気がとても新鮮です
・大丈夫ですか

・美しい景色は以下の通りです:

·おはようございます!

・空気がとても新鮮です

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



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


大丈夫ですか

美しい景色')< /script>

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

大丈夫ですか

画像のスクロール

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

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

と を使用して を囲みます。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>