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







© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: