文字や画像をスクロールさせる |
<marquee> 〜 </marquee> |
文字や画像をスクロールさせるには<marquee>タグでスクロールさせたいテキストや、画像貼り付けタグを囲みます。
上記のタグで右から左へ動きます。更に下記の属性を加えると動きを変える事が出来ます。 |
<marquee>新装開店10時</marquee> |
↑動かしたい文字を入れる |
<marquee><img src="http://www.yasudaya.co.jp/pworld/uploader/ch/so_ch061.gif"></marquee> |
↑画像を貼り付けるタグを挿入 (詳しくは画像のページへ) |
<marquee direction="right">新装開店10時</marquee> |
↑左から右へ |
<marquee behavior="alternate">新装開店10時</marquee> |
↑往復 |
<marquee width="400"">新装開店10時</marquee> |
↑動く範囲を指定 (数字が大きいと横に長く、少ないと短くなります) |
<marquee scrollamount="100" truespeed">新装開店10時</marquee> |
↑スピードを変える(数字が大きいと早く、小さいと遅くなります) |
<marquee direction="up" width="100" height="100">新装開店10時</marquee> |
上に移動↑ ↑横幅 ↑縦幅 |
<marquee direction="down" width="100" height="100">新装開店10時</marquee> |
下に移動↑ ↑横幅 ↑縦幅 |
<marquee behavior="alternate" direction="up" height="100" width="100">新装開店10時</marquee> |
↑往復 ↑downでもok |
<marquee bgcolor="#ffff00">新装開店10時</marquee> |
バックに色を付ける ↑カラーコード |
<marquee>新装開店10時<br>新装開店13時<br>新装開店15時</marquee> |
↑改行タグの<br>を入れれば何行でもOK |
<marquee behavior="alternate" direction="up" height="50"><marquee direction="right">新装開店10時</marquee></marquee> |
上記のタグを組み合わせればこんな動きも・・・ |
<marquee>新装開店10時</marquee> |
↑右から左へ |
<marquee>新装開店10時</marquee> |
↑右から左へ |
<marquee>新装開店10時</marquee> |
↑右から左へ |