GT-ONE 楽天タグ講座 パイプ奮闘記

   

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




【色々なスクロール VOL.5】文字を点滅させて見よう!



    【はじめに】

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



    みなさん、どうですか!スクロールのタグ「MARQUEE」はうまく動いたでしょうか?

    5回にわたって、「MARQUEE」のタグをやってきましたが、今回は、この「MARQUEE」で、
    ちょっと変わった事をやって見ましょう。

    【色々なスクロールVOL.3】で左右に行ったり来たりする「MARQUEE」をやりましたが、それを使って、「文字」点滅させる事が出来ます。

    まずは、【色々なスクロールVOL.3】でやった、文字を左右に行ったり来たりさせるタグのおさらいです。


    文字を行ったり来たりさせます。

    ↑これが、基本の「MARQUEE」でしたね。これのタグを書いて見ましょう。


    <MARQUEE behavior=alternate>文字を行ったり来たりさせます。</MARQUEE>


    これが基本のタグです。
    行ったり来たりさせるための、属性を指定するタグが「behavior=alternate」です。
    「MARQUEE」「幅」「高さ」「速度」の属性は、指定しておりません。

    移動する「幅」は、
    指定しなければ、端から端まで移動します。
    「速度」も指定しなければ、前にも述べましたとおり、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」「文字」が点滅しました。(^_-)-☆
    では、では、このサンプルのタグを書いて見ましょう。



    <MARQUEE behavior=alternate scrollAmount=800 width=90%>更新したよう!</MARQUEE>



    では、<FONT>をもう少しいじって見ますと、このようになります。

    更新したよう!
    みなさん!
    見てねえ!



    この雛形のタグを下に書いて見ます。参考にしてください。


    <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】 にもどる。






ジャンル別一覧
人気のクチコミテーマ

Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.