WebページHTMLコード：スクロールテキストの制作_HTML/Xhtml_Webページ制作

このセクションでは、著者は、Web ページ内のテキストをスクロールし、そのスクロール プロパティを制御できる HTML コード内の特別なタグについて説明します。
スクロールテキストを作成する
この章のこれまでの研究を通じて、読者はさまざまな段落テキストの表示方法をうまく制御できましたが、どのように設定されてもテキストは静的です。このセクションでは、Web ページ内のテキストをスクロールし、そのスクロール プロパティを制御できる HTML コードの特別なタグについて著者が説明します。
4.3.1 テキストスクロールを設定する
HTML テクノロジーでテキストをスクロールするには、二重タグ を使用します。 HTML コードでは、スコープ内のテキストをスクロールできます。デフォルトでは、右から左への循環スクロールが可能です。 D:web ディレクトリに Web ページ ファイルを作成し、mar.htm という名前を付け、コード 4.15 に示すようにコードを記述します。

コード 4.15 テキストスクロール設定: mar.htm







テキストスクロールの例 (デフォルト): 親切にしてください



ブラウザのアドレス バーに http://localhost/mar.htm と入力すると、ブラウジング効果は図 4.15 のようになります。

図 4.15 テキストスクロールのデフォルト形式の設定
図4.15より、幅を設定しない場合、タグが排他行を占有します。
4.3.2 テキストのスクロール方向を設定する
タグの direct 属性は、コンテンツのスクロール方向を設定するために使用されます。属性値は left、right、up、down であり、それぞれ左、右、上、下を表します。たとえば、次のコード:
優しく親切にしてください
優しく親切にしてください
優しく親切にしてください
優しく親切にしてください
4.3.3 テキストスクロールの速度と形式を設定する
テキストのスクロールを設定するには、 タグを使用します。その属性については以下で説明します。
- タグのscrollamount 属性は、コンテンツのスクロール速度を設定するために使用されます。
- タグの動作属性は、コンテンツのスクロール方法を設定するために使用されます。デフォルトはスクロールで、その値が代替の場合、コンテンツは前後にスクロールします。循環的なやり方。値が slide の場合、コンテンツのスクロールは一度停止し、ループしません。スクロール サイクルの数を設定するループ属性もあります。デフォルトでは制限なしです。
- タグのスクロール遅延属性は、コンテンツのスクロールの時間間隔を設定するために使用されます。
- タグの bgcolor 属性は、コンテンツのスクロールの背景色を設定するために使用されます (本文の背景色の設定と同様)。
- タグの幅属性は、コンテンツのスクロール背景の幅を設定するために使用されます。
- タグの高さ属性は、コンテンツのスクロール背景の高さを設定するために使用されます。
mar.htm Web ページ ファイルを変更し、コード 4.16 に示すようにコードを記述します。

コード 4.16 テキストスクロール設定: mar.htm







テキストスクロールの例 (デフォルト): 親切にしてください
テキストスクロールの例 (右): 親切にしてください
テキストスクロールの例 (下方向、スクロールモードはスライド、速度は 10): 優しく親切にしてください
テキストスクロールの例 (デフォルトの方向、スクロールモードは交互、ループは 3 回、速度は 2): 優しく親切にしてください
テキストスクロールの例 (上、背景色は #CCFF66、背景の幅と高さが設定されています): 親切にしてください



ブラウザのアドレス バーに http://localhost/mar.htm と入力すると、ブラウジング効果は図 4.16 のようになります。

図 4.16 さまざまな形式のテキスト スクロール
には多くの属性があるため、スクロール テキストを作成するのに非常に便利です。次の JavaScript 学習では、読者は タグの動的な動作について学習を深めていきます。