「ホームページのトップページにテロップを流したい。」
真っ先に思い浮かんだのが、Java-Script。次にFlash。
でも、一行だけの簡単なテロップなので面倒だな~と思い、調べてみた。
そしたら意外と簡単にできるんですよ。テロップ。HTMLの基本的なタグでした。
マーキータグの <MARQUEE> ~ </MARQUEE> を使用すればOK。
タグの属性は以下の通り。
タグの属性は以下の通り。
| height="高さ"・・・・・・・・・・・・・・ | スクロール範囲の高さ(ピクセルまたは%で指定) |
| width="幅"・・・・・・・・・・・・・・・・・ | スクロール範囲の幅(ピクセルまたは%で指定) |
| hspace="左右の余白"・・・・・・ | 左右の余白(ピクセルで指定) |
| vspace="上下の余白"・・・・・・ | 上下の余白(ピクセルで指定) |
| behavior="動作の仕方"・・・・ | スクロール動作の仕方 behavior="scroll" 画面を横切る動作を繰り返す behavior="alternate" 画面を往復する動作を繰り返す behavior="slide" スクロールの端まで来ると停止する |
| direction="方向"・・・・・・・・・・・・ | スクロール方向(leftまたはrightで指定) |
| loop="回数"・・・・・・・・・・・・・・・・ | スクロール回数(デフォルトは無限) |
| scrolldelay="時間の間隔"・・・ | 再描画までの時間の間隔(秒数で指定。値が大きいと遅く、値が小さいと速くなる。単位は1/1000秒、デフォルトはscrolldelay="85") |
| scrollamount="進む距離"・・・ | 再描画までに進む距離(ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトはscrollamount="6") |
| truespeed・・・・・・・・・・・・・・・・・・ | scrolldelay で指定した時間が正確に守られます。この属性が無い場合は 60ミリ秒単位で丸められます。 |
| bgcolor="背景色"・・・・・・・・・・・ | スクロール部分の背景色 |
ちょっとお試し。
<MARQUEE width="50%" behavior="alternate" derection="left" scrolldelay="100" truespeed bgcolor="#ccc"><span style="color: red;">往復テロップ</MARQUEE>
こんな感じになりました。