【はじめに】
【初心者のためのHPの飾りつけ教室】
とは別に、余談のページを作ってみました。
ここではちょっと変わったタグや、趣向を紹介していきましょう。
みなさん、どうですか!スクロールのタグ 「MARQUEE」
はうまく動いたでしょうか?
5回にわたって、 「MARQUEE」
のタグをやってきましたが、今回は、この 「MARQUEE」
で、
ちょっと変わった事をやって見ましょう。
【色々なスクロールVOL.3】で左右に行ったり来たりする 「MARQUEE」 をやりましたが、それを使って、 「文字」 を 点滅 させる事が出来ます。
まずは、【色々なスクロールVOL.3】でやった、文字を左右に行ったり来たりさせるタグのおさらいです。
移動する「幅」は、
指定しなければ、端から端まで移動します。
「速度」も指定しなければ、前にも述べましたとおり、1~20段階の6のスピードになります。
では、基本のタグに「速度」と「幅」の属性を持たせて見ます。
「MARQUEE」
のタグ、<MARQUEE behavior=alternate>の中に
「速度の属性」のタグ:scrollAmount= 100
「幅の属性」のタグ:width=90%
を入れて見ますと、このようになります。
<MARQUEE behavior=alternate scrollAmount= 100
width=90%>
ここで気づいていただけたでしょうか!
「速度の属性」のタグ:scrollAmount の数値が異常に大きい事を!この値をもっと大きくしますと、さてどうなるでしょうか?
「速度の属性」のタグ:scrollAmount の数値を 400
にして見ましょう。
あと、もう少しですね。(*^^)v
では、scrollAmount の数値を 800
にして見ましょう。
あぁ~ら不思議!なんと点滅してるように、見えるじゃあ~!あ~りませんかぁぁぁ~!(*^^)v
どうでしょうか! 「MARQUEE」
で 「文字」
が点滅しました。(^_-)-☆
では、では、このサンプルのタグを書いて見ましょう。
この雛形のタグを下に書いて見ます。参考にしてください。
スクロールさせる幅は、できるだけ広く取ってください。
幅が狭いと、「点滅」してるように見えないのです。
あと長文は避けてください。長文を書きたいときは、上のように改行して書くといいと思います。
では、画像でやって見ましょう。
画像は、極力小さいものにしてください。でないと、点滅してるように見えない事があります。
これの、雛形のタグを下に乗っけて置きますので、参考にしてください。
おもしろタグ教室【MENU】
にもどる。