マーキーを使う


マーキーは文字や画像をスクロールさせるものです。
具体的には、以下のようなものです。

文字のスクロール

<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>



次は インラインフレームを使う です。

メニューに戻ります。