marquee



marquee
behavior="動作の仕方"
スクロール動作の仕方 
・behavior="scroll": 画面を横切る動作を繰り返す
・behavior="alternate":端から端まで画面を往復する
direction="方向"
スクロール方向
・direction="left": 左へスクロールする
・direction="right":右へスクロールする
・direction="up": 上へスクロールする
・direction="down":下へスクロールする
scrollamount="進む距離"
スクロールする量をピクセル単位で指定する。
・値が大きいと速く、値が小さいと遅くなる。
・デフォルトはscrollamount="6"
scrolldelay="時間の間隔"
スクロールする際の遅延時間をミリ秒(1/1000秒)単位で指定する。
・値が大きいと遅く、値が小さいと速くなる。
・デフォルトはscrolldelay="85"
truespeed
scrolldelay で指定した時間が正確に守られる。
・この属性が無い場合は 60ミリ秒単位で丸められる。
width="幅"
スクロール範囲の幅をピクセル単位または%で指定
height="高さ"
スクロール範囲の高さをピクセル単位または%で指定
vspace="上下の余白"
上下の余白をピクセル単位で指定
hspace="左右の余白"
左右の余白をピクセル単位で指定
サンプル


<marquee>デフォルト</marquee>

デフォルト

<marquee behavior="scroll">繰り返し(デフォルト)</marquee>

繰り返し(デフォルト)

<marquee behavior="alternate">往復する</marquee>

往復する

<marquee direction="left">左へスクロール(デフォルト)</marquee>

左へスクロール(デフォルト)

<marquee direction="right">右へスクロール</marquee>

右へスクロール

<marquee direction="up" height="40">上へスクロール</marquee>

上へスクロール

<marquee direction="down" height="40">下へスクロール</marquee>

下へスクロール

<marquee scrollamount="4">ちょっと遅い</marquee>

ちょっと遅い

<marquee scrollamount="6">標準スクロール量(デフォルト)</marquee>

標準スクロール量(デフォルト)

<marquee scrollamount="8">ちょっと速い</marquee>

ちょっと速い

<marquee scrolldelay="120">ちょっと遅く</marquee>

ちょっと遅く

<marquee scrolldelay="85">標準遅延時間(デフォルト)</marquee>

標準遅延時間(デフォルト)

<marquee scrolldelay="60">ちょっと速い</marquee>

ちょっと速い

<marquee><img src="http://***/heri01.gif"></marquee>








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