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

色々なスクロール2

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




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



    【はじめに】

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



    今回もスクロールのタグ 「MARQUEE」 を、もう少しやって行きましょう。

    前回同様、「テーブル」の中で、 「MARQUEE」 を動かして見ますが、基本的な属性に付いて述べて行きたいと思います。

    前回は、左右のスクロールをやって見ました。今度は、上下のスクロールをやって見ましょう。

    まずは、アップスクロールから。

    みなさんが、よく使われている、アップスクロールです。

    何行か、改行して書けます。



    みなさんが、よく使われている、アップスクロールです。

    何行か、改行して書けます。



    どうですか。同じアップスクロールでも、 「MARQUEE」 「幅」「高さ」「速度」
    を変えるだけで、こんなに感じが違ってきます。

    では、今度はダウンスクロールです。

    みなさんが、よく使われている、アップスクロールです。

    何行か、改行して書けます。



    みなさんが、よく使われている、アップスクロールです。

    何行か、改行して書けます。



    四つとも、基本のタグは同じです。ただ、 「MARQUEE] の「属性」である 「幅」「高さ」「速度」「方向」
    の数値を変えているだけです。
    では、基本のタグを書いて、その後で「属性」の説明をしましょう。

    取り合えず、一番上のアップスクロールのタグを書いて見ます。


    <TABLE border=5 cellSpacing=5 bgcolor=pink><TD><marquee direction=up height=30 width=400 scrollAmount=1 bgcolor=blue> <font color=white size=3>みなさんが、よく使われている、アップスクロールです。<P>何行か、改行して書けます。</font> </marquee></TD></TABLE>


    「MARQUEE」 の「属性」のタグの説明をしておきます。

    <TABLE border=" ~テーブルの枠の幅~ " cellSpacing=" ~テーブルの縁の幅~ " bgcolor=" ~テーブルの縁の色~ "><TD><marquee direction=" ~スクロールする方向~(UP、DOWN) " height=" ~スクロールの高さ~ " width=" ~スクロールの幅~ " scrollAmount=" ~スクロールの速度~(1~20) " bgcolor=" ~背景の色~ "> ~スクロールさせたい文字~(画像) </marquee></TD></TABLE>


    判りましたでしょうか。「属性」の数値を色々変えて、自分独自の 「MARQUEE] を造って見てください。
    私は、テーブルの中で色々やったほうがいいと思います。
    画像のアップロールは、おもしろタグ教室【画像をアップロールで動かしてみよう】を参考にしてください。


★ではみなさんがんばってください。★
よく御存じの方は読まないで下さいね。(*^_^*)




おもしろタグ教 室【MENU】 にもどる。







© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: