講座ではやってませんが動く文字「marquee」。
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" scrollamount="1" scrolldelay="10" style="font-size:10pt;color:#339966">
電光掲示板のように文字が流れます。スピードは1。IE専用なのでNNでは見れません。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" scrollamount="10" scrolldelay="10" style="font-size:10pt;color:#339966">
『scrollamount』は、数値が大きいほど早くなります。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" behavior="alternate" scrollamount="10" scrolldelay="10" style="font-size:10pt;color:#339966">
『scrolldelay』は、数値が小さいほど壁に吸収されるように見えます。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" behavior="alternate" scrollamount="10" scrolldelay="200" style="font-size:10pt;color:#339966">
『behavior="alternate"』文字が跳ね返ってきます。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" behavior="slide" scrollamount="10" scrolldelay="200" style="font-size:10pt;color:#339966">
『behavior="slide"』文字が到着地点で止まります。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" height="30" behavior="alternate" scrollamount="3" direction="up" style="font-size:10pt;color:#339966">
『direction="up"』文字が上下移動します。
</marquee>
</div>
|
<div style="border:solid 1px #90eeaa;padding:2px;width:341px;">
<marquee width="335" height="30" behavior="scroll" scrollamount="3" direction="down" style="font-size:10pt;color:#339966">
『behavior="scroll"』文字が縦にスクロールします。
</marquee>
</div>
|
おまけ
*
*
*
*
*
*
(((( ;゜Д゜)))ガクガクブルブル