ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

色々なスクロール１

おもしろタグ教室【色々なスクロール】

■ 【色々なスクロール　VOL.1】

【はじめに】

【初心者のためのＨＰの飾りつけ教室】とは別に、余談のページを作ってみました。
ここではちょっと変わったタグや、趣向を紹介していきましょう。

今回は、スクロールのタグ「ＭＡＲＱＵＥＥ」を、もう少しやって行きましょう。

前々回、【画像をアップロールで動かしてみよう】で、この「ＭＡＲＱＵＥＥ」を使って、画像をテーブルの中で「アップロール」させて見ました。
みなさん、「アップロール」はうまく出来たでしょうか。

では、「ＭＡＲＱＵＥＥ」の基本の「タグ」を乗っけて見ましょう。
基本のタグは、↓これです。

<MARQUEE> ～スクロールさせたい文字～ </MARQUEE>

「スクロールさせたい文字」の所に、「みなさんようこそいらっしゃいました。」と入れますと、
↓このようになりますね。

みなさんようこそいらっしゃいました。

「ＭＡＲＱＵＥＥ」の属性（スクロールのスピード、方向など）は一切指定しておりません。
【<MARQUEE>みなさんようこそいらっしゃいました。</MARQUEE>】のままです。
ちなみにスクロールスピードは１～２０段階まで帰られますが、何も指定しない場合は、
６に設定されます。（みなさんに、判り易いように背景だけ変えてあります。）
背景なども、指定できますが、何も指定しないと透過して壁紙の色になります。

私は、みなさんのページを廻っていて、いつも感じるのですが、大概の人が「ＭＡＲＱＵＥＥ」を
そのまま使っている事です。同じ文字のスクロールでも、「テーブル」を使って「テーブル」の中で
スクロールさせる事で、だいぶ見栄えがよくなります。例えば、↓このように、

みなさんようこそいらっしゃいました。

この「テーブル」内の「スクロール」のタグは↓下のようになります。

<TABLE BORDER="4" width=80% ><TD><MARQUEE> みなさんようこそいらっしゃいました。 </MARQUEE></TD></TABLE>

「テーブル」内の属性、BORDER="4" 　は、枠の幅です。
width=80%　は、「テーブル」の幅です。100%とすると画面の端から端までいっぱいに表示されます。

では、上のタグに味付けして見ましょう。

１）「テーブル」の枠の太さを変えて見ます。
２）「MARQUEE」のスクロールの速度を変えて見ます。
３）「MARQUEE」のスクロールの方向を変えて見ます。
４）「MARQUEE」の背景を指定して見ます。
５）「FONT」の属性を指定して見ます。（文字を画像にして見ましょう。）

１）～５）を指定してあげますと、↓このようになります。

。たしまいゃしっらいそこうよんさなみ

では、タグを書いて見ましょう

<TABLE border=6 cellspacing=6 width=80%><TD><MARQUEE scrollAmount=3 direction=right bgcolor=#FF00FF> <FONT SIZE="5" COLOR="#0000FF" FACE="HG創英角ﾎﾟｯﾌﾟ体">。たしまいゃしっらいそこうよんさなみ </FONT> </MARQUEE></TD></TABLE>

１）から５）までのタグの説明をしておきます。

１）cellspacing=6　は「テーブル」の枠の太さを変えます。
２）scrollAmount=3　は「MARQUEE」のスクロールの速度を変えます。
先に述べましたが、指定しなければ、スクロール速度は、「６」になります。
３）direction=right　は「MARQUEE」のスクロールの方向を変えます。
指定しなければ、右から左にスクロールします。ここでは、right 　　ですから、右方向に移動します。
４）bgcolor=#FF00FF　は「MARQUEE」の背景色を指定します。
５） <FONT SIZE="5" COLOR="#0000FF" FACE="HG創英角ﾎﾟｯﾌﾟ体"> ～スクロールさせたい文字～ </FONT> 　は～スクロールさせたい文字～の属性を指定しています。