マーキーを使う
マーキーは文字や画像をスクロールさせるものです。
具体的には、以下のようなものです。
<marquee behavior="scroll" width="500" height="20" loop="infinite" scrollamount="5" scrolldelay="1" bgcolor="#aaccff">
<b>文字のスクロール</b>
</marquee>
画像をスクロールさせることもできます。
まず、<marquee> </marquee>でスクロールさせたい部分を囲みます。
次に behavior="------" で、どのようにスクロールするかを指定します。
width="---"とheight="---"は幅と高さです。
bgcolor="#------" は背景色です。
以下は若干細かい部分になり、
指定しなくても適当に処理してくれます。
loop="----" は、スクロールする回数です。
loop="-1"もしくはloop="infinite" で無限にスクロールします。
scrollamount="--" は、どのくらいの幅で再描画させるかを指定するものです。
scrolldelay="--" は、再度描画するまでの時間です。
behavior="------" スクロールの方法
behavior="scroll" | | 同じ方向に流れる |
behavior="slide" | | 端にいって停止する |
behavior="alternate" | | 端までいったらおりかえす |
direction="------" 文字の流れる方向
direction="left" | | 右から左へ |
direction="right" | | 左から右へ |
direction="up" | | 下から上へ |
direction="down" | | 上から下へ |
<b> </b>や<font> </font>タグを使ったり、
<a href=" "> </a>タグを使ったりすることで、
バリエーションのある文字をスクロールさせることができます。
また、マーキーを複数重ねることで、以下のようなスクロールをさせることも可能です。
<marquee direction="right" behavior="alternate" loop="infinite" width="300" height="300" bgcolor="#bbddff" scrolldelay="1" scrollamount="5">
<marquee direction="down" behavior="alternate" loop="infinite" width="88" height="300" bgcolor="#bbddff" scrolldelay="1" scrollamount="5">
<a href="http://sennbei.mond.jp/HP/" target="_blank">
<img src="banner/kantan008.png" border="0"></a>
</marquee>
</marquee>
次は インラインフレームを使う です。
メニューに戻ります。