marqueeを使って文字を動かそう☆
(注)
ココでは、半角の ＜＞ が使えません。
コピーして持ち帰った際は、最初と最後の ＜＞ を半角に変えてから更新して下さいね☆
まずは基本的にテロップタイプです。＜marquee＞右から左に動かす＜IMG SRC="画像のURL"＞＜/marquee＞
逆に動かしてみましょう～＜Marquee DIRECTION="right"＞左から右に動かす＜IMG SRC="画像のURL"＞＜/marquee＞
往復です＜Marquee Behavior="Alternate"＞往復で動かす＜IMG SRC="画像のURL"＞＜/marquee＞
下から上にテロップしてみましょう～＜Marquee DIRECTION="up"＞＜center＞下から上に動かす（真ん中寄せ）＜IMG SRC="画像のURL"＞＜/center＞＜/marquee＞
逆に上から下にテロップしましょう～真ん中寄せです☆＜Marquee DIRECTION="down"＞＜center>上から下に動かす（真ん中寄せ）＜IMG SRC="画像のURL"＞＜/center＞＜/marquee＞
上から下へのテロップで、スピードを早くしてみましょう～赤字の数字を上げていくとドンドン早くなるよ☆
＜Marquee ScrollAmount=" 10 " DIRECTION="down"＞＜center＞上から下に動かす（真ん中寄せ）スピード変える10＜IMG SRC="画像のURL"＞＜/center＞＜/marquee＞
左右に動かすテロップで、スピードを変えてみましょう～＜Marquee ScrollAmount=" 1 " Behavior="Alternate"＞＜center＞右から左に動かすスピード変える 1＜IMG SRC="http://plaza.rakuten.co.jp/img/user/09/43/3260943/275.gif" width="92" height="14" alt="ちゃお"＞＜/center＞＜/marquee＞
動く部分に背景色を入れてみましょう～＜Marquee Bgcolor="ff0000"＞背景色付き＜IMG SRC="画像のURL"＞＜/marquee＞
上下に動かしてみましょう～赤字の部分の数字を上げ下げしてみると高さに変化が☆
＜Marquee behavior="alternate" direction="up" height=" 50 "＞上下に動く＜IMG SRC="画像のURL"＞＜/marquee＞
上下に動くと往復のテロップを組み合わせてみましょう～＜Marquee behavior="alternate" direction="up" height="50"＞＜Marquee behavior="alternate"＞＜font color="red"＞2つ組み合わせて動かす＜IMG SRC="画像のURL"＞＜/font＞＜/Marquee＞＜/Marquee＞
© Rakuten Group, Inc.
