動く文字を入れよう！

★☆楽天対応ホームページの小技集☆★

流れる文字を入れてみよう！！

単に流れる文字
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="350">ＨＴＭＬの小技</MARQUEE>
説明 上記をコピーしてソースに貼り付けてみて下さい。

流れる文字の早さを変えてみよう
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="500" scrollamount="10">ＨＴＭＬの小技</MARQUEE>
説明 scrollamount でスピードを調節します。

流れる文字を太くしてみよう
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="350" scrollamount="20"><b>ＨＴＭＬの小技</b></MARQUEE>
説明 <B>の他<I>や<U>で文字を装飾できます。

流れる方向を変えてみよう
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="350" direction="right">ＨＴＭＬの小技</MARQUEE>
説明 タグの中に direction="right" を挿入する。

上にも流してみよう！！
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="100" height="50" direction="up">ＨＴＭＬの小技</MARQUEE>
説明 タグの中に direction="up" を挿入する。

下にも流してみよう！！
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="100" height="50" direction="down">ＨＴＭＬの小技</MARQUEE>
説明 タグの中に direction="down" を挿入する。

文字を往復させる。
サンプル ＨＴＭＬの小技
タグ <MARQUEE width="350" behavior="alternate">ＨＴＭＬの小技</MARQUEE>
説明 タグの中に behavior="alternate" を挿入する。


★ホームページの小技★
メニュー

水平線を入れる

流れる文字を入れる

























© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: