【はじめに】
【初心者のためのＨＰの飾りつけ教室】
とは別に、余談のページを作ってみました。
ここではちょっと変わったタグや、趣向を紹介していきましょう。
みなさん、どうですか！スクロールのタグ 「ＭＡＲＱＵＥＥ」
はうまく動いたでしょうか？
５回にわたって、 「ＭＡＲＱＵＥＥ」
のタグをやってきましたが、今回は、この 「ＭＡＲＱＵＥＥ」
で、
ちょっと変わった事をやって見ましょう。
【色々なスクロールVOL.3】で左右に行ったり来たりする 「ＭＡＲＱＵＥＥ」 をやりましたが、それを使って、 「文字」 を 点滅 させる事が出来ます。
まずは、【色々なスクロールVOL.3】でやった、文字を左右に行ったり来たりさせるタグのおさらいです。
- <MARQUEE behavior=alternate>
文字を行ったり来たりさせます。 </MARQUEE>
これが基本のタグです。
行ったり来たりさせるための、属性を指定するタグが「behavior=alternate」です。
「ＭＡＲＱＵＥＥ」 の 「幅」「高さ」「速度」 の属性は、指定しておりません。
移動する「幅」は、
指定しなければ、端から端まで移動します。
「速度」も指定しなければ、前にも述べましたとおり、１～２０段階の６のスピードになります。
では、基本のタグに「速度」と「幅」の属性を持たせて見ます。
「ＭＡＲＱＵＥＥ」
のタグ、＜MARQUEE behavior=alternate＞の中に
「速度の属性」のタグ：scrollAmount= 100
「幅の属性」のタグ：width=90%
を入れて見ますと、このようになります。
<MARQUEE behavior=alternate scrollAmount= 100
width=90%>
ここで気づいていただけたでしょうか！
「速度の属性」のタグ：scrollAmount の数値が異常に大きい事を！この値をもっと大きくしますと、さてどうなるでしょうか？
「速度の属性」のタグ：scrollAmount の数値を 400
にして見ましょう。
あと、もう少しですね。(*^^)v
では、scrollAmount の数値を 800
にして見ましょう。
あぁ～ら不思議！なんと点滅してるように、見えるじゃあ～！あ～りませんかぁぁぁ～！(*^^)v
どうでしょうか！ 「ＭＡＲＱＵＥＥ」
で 「文字」
が点滅しました。(^_-)-☆
では、では、このサンプルのタグを書いて見ましょう。
- <MARQUEE behavior=alternate scrollAmount=800 width=90%> 更新したよう！
</MARQUEE>
では、＜ＦＯＮＴ＞をもう少しいじって見ますと、このようになります。
この雛形のタグを下に書いて見ます。参考にしてください。
- <MARQUEE behavior=alternate scrollAmount=800 width=90%> <FONT SIZE="4" COLOR="red" FACE="HG創英角ﾎﾟｯﾌﾟ体">更新したよう！<BR>みなさん！<BR>見てねえ！</FONT>
</MARQUEE>
判りましたでしょうか。
ここで、 注意点 です。
スクロールさせる幅は、できるだけ広く取ってください。
幅が狭いと、「点滅」してるように見えないのです。
あと長文は避けてください。長文を書きたいときは、上のように改行して書くといいと思います。
では、画像でやって見ましょう。
画像は、極力小さいものにしてください。でないと、点滅してるように見えない事があります。
これの、雛形のタグを下に乗っけて置きますので、参考にしてください。
- <CENTER>
<MARQUEE behavior=alternate scrollAmount=800 width=90%> <IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/19.jpg" width="100" height="68">
</MARQUEE> </CENTER>
- このタグには、センターリングのタグ、 ＜CENTER＞
が入れてあります。必要に応じて、取り外してください。
ご質問、ご感想は掲示板か私書箱にどうぞ！
よく御存じの方は読まないで下さいね。（*^_^*）
おもしろタグ教室【MENU】
にもどる。
-
-
- アニメ・特撮・ゲーム
- 〈物語〉シリーズ オフ&モンスターシ…
- (2024-09-23 06:23:55)
-
-
-
- がんばれ！地方競馬♪
- ベルピット 第57回 瑞穂賞 [H2] 優勝…
- (2024-09-27 01:59:18)
-
-
-
- 超合金
- ONE PIECE アニメ25周年 Memorial ed…
- (2024-07-07 18:08:47)
-
