テンプレートとアクセスアップのでめらら楽天日記

marquee（マーキー）講座(02)

ＨＯＭＥ >> マーキー >>marquee（マーキー）講座(02)
スクロールの範囲
1.）スクロール範囲の設定（画面のなかのどこの範囲で（位置も含めて）マーキーを使うかを決めます。）
※サンプルにはわかりやすいように背景色#ccffffが入っています。

■基本タグ
<marquee>何も指定しないマーキー</marquee>
何も指定しないマーキー


■背景色追加
<marquee bgcolor="BurlyWood">【bgcolor="背景色BurlyWood"】追加</marquee>
【bgcolor="背景色BurlyWood"】追加


■横幅を追加
<marquee width="300px" bgcolor="BurlyWood">【width="300px"】追加</marquee>
【width="300px"】追加


■高さを追加
<marquee width="300px" height="100px" bgcolor="BurlyWood">【height="100px"】追加</marquee>
【height="100px"】追加


■左右の余白追加
<marquee width="300px" height="100px" hspace="50" bgcolor="BurlyWood">【hspace="50"】追加</marquee>
【hspace="50"】追加


■上下の余白追加
<marquee width="300px" height="100px" hspace="50" vspace="20" bgcolor="BurlyWood">【vspace="20"】追加</marquee>
【vspace="20"】追加


単体のマーカーですと動きが単純ですが、組み合わせることでいろいろなアイデアが生まれてくると思います。
■応用（横幅を50%に設定したマーキー二つを反対方向に動かすと鏡のような画面になります）

(上)<marquee width="50%" direction="right">ーキーマいなし定指も何</marquee><marquee width="50%">何も指定しないマーキー</marquee>
(下)<marquee width="50%">何も指定しないマーキー</marquee><marquee width="50%" direction="right">ーキーマいなし定指も何</marquee>

ーキーマいなし定指も何 何も指定しないマーキー
何も指定しないマーキー ーキーマいなし定指も何
--ＭＥＮＵ--
--マーキーMENU--
【ＰＲ】


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