このセクションでは、著者はHTMLコードのより特別なタグについて説明しています。これにより、Webページでテキストを作成してスクロールプロパティを制御できます。
スクロールテキストを作成します
この章の以前の研究を通じて、読者はすでにさまざまな段落テキストの表示をうまく制御できますが、どのように設定されていても、テキストは静的です。このセクションでは、著者はHTMLコードのより特別なタグについて説明しています。これにより、Webページでテキストを作成してスクロールプロパティを制御できます。
4.3.1テキストスクロールを設定しますHTMLテクノロジーでテキストをスクロールする方法は、ダブルタグ<marquee> </marquee>を使用することです。 HTMLコードでは、その関数領域のテキストをスクロールすることができ、デフォルトは右から左のループをスクロールすることです。 Mar.htmという名前のd:/ web/ディレクトリでWebページファイルを作成し、コード4.15に示すようにコードを書きます。
コード4.15テキストスクロール設定:mar.htm
<html>
<head>
<title>テキストスクロールの設定</title>
</head>
<body>
<font size = 5 color =#cc0000>
テキストスクロールの例(デフォルト):<Marquee>親切になります</marquee>
</font>
</body>
</html>
ブラウザアドレスバーにhttp://localhost/mar.htmを入力すると、閲覧効果を図4.15に示します。
図4.15テキストスクロールのデフォルト形式を設定します
図4.15から、幅が設定されていない場合、<marquee> </marquee>タグは1行に限定されます。
4.3.2テキストスクロールの方向を設定します<marquee> </marquee>タグの方向属性は、コンテンツのスクロール方向を設定するために使用されます。属性の値には、左、右、上、下、それぞれ左、右、上、下、下を表します。たとえば、次のコード:
<マーキーの指示=左>人になるために親切になります</marquee>
<マーキー方向=右>人になるのは親切です</marquee>
<マーキー方向= up>人になるのは親切です</marquee>
<マーキー方向=ダウン>人になるのは親切です</marquee>
4.3.3テキストスクロールの速度と形式を設定しますテキストスクロールを設定して、<marquee> </marquee>タグを使用すると、その属性は次のように説明されています。
- <marquee> </marquee>タグのScreollamountプロパティは、コンテンツのスクロール速度を設定するために使用されます。
- <marquee> </marquee>タグの動作プロパティは、コンテンツスクロール方法を設定するために使用されます。デフォルトはスクロール、つまりループです。その値が交互になると、コンテンツは前後にループします。その値がスライドすると、コンテンツは1回スクロールを停止し、ループしません。また、スクロールサイクルの数を設定するループプロパティもあり、デフォルトで制限がありません。
- <marquee> </marquee>タグのScrolldelayプロパティは、コンテンツスクロールの時間間隔を設定するために使用されます。
- <Marquee> </marquee>タグのBGColorプロパティは、コンテンツのバックグラウンドカラーを設定するために使用されます(体の背景色設定に似ています)。
- <marquee> </marquee>タグの幅プロパティを使用して、コンテンツスクロールの背景幅を設定します。
- <marquee> </marquee>タグの高さ属性を使用して、コンテンツをスクロールする背景の高さを設定します。
Mar.htm Webページファイルを変更し、コード4.16に示すようにコードを記述します。
コード4.16テキストスクロール設定:mar.htm
<html>
<head>
<title>テキストスクロールの設定</title>
</head>
<body>
<font size = 3 color =#cc0000>
テキストスクロールの例(デフォルト):<Marquee>親切になります</marquee>
テキストスクロールの例(右):<マーキー方向=右scrolldelay = 500>人になるために親切になります</marquee>
テキストスクロールの例(下向き、スクロール方法はスライド、速度は10です):<Marquee Scrollamount = 10行動=スライド>人になるために親切に</marquee>
テキストスクロールの例(デフォルトの方向、スクロール方法は代替、ループ3回、速度は2):<Marquee Scrollamount = 2動作=代替ループ= 3>
テキストスクロールの例(上向き、背景色は#ccff66、背景幅と高さを設定):<marquee方向= up bgcolor =#ccff66 width = 250 heigd = 55>
</font>
</body>
</html>
ブラウザアドレスバーにhttp://localhost/mar.htmを入力すると、閲覧効果を図4.16に示します。
図4.16テキストスクロールのさまざまな形式
<marquee> </marquee>の多数の属性は、スクロールテキストを作成するのに非常に便利です。その後のJavaScript学習では、読者は<Marquee> </marquee>タグの動的な動作学習を深め続けます。