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 Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: