流れる画像(マーキー)
画像を流れるようにしたい!!
画像も文字のように流してみましょう!!使いすぎるとHPがうっとうしい感じになるので注意です。あまりスピードが早いマーキーも嫌われます。◇ このページの画像は持ち帰らないでね
流れる画像 左へ流れる基本のマーキー
簡単!!
<marquee><img src="画像のURL"></marquee>
上記マーキーのソース コピーして使用して下さい
scrollamount の数字が大きくなるほどスピードが早くなります。
流れる画像: 右へ流れる画像
簡単!! <marquee>タグに direction="right" を追加します。
上記マーキーのソース コピーして使用して下さい
流れる画像: 左右へ流れる画像
簡単!!<marquee>タグに behavior="alternate" を追加します。
上記マーキーのソース コピーして使用して下さい
流れる画像: 上へ流れる画像
簡単!!<marquee>タグに direction="up" height="100" width="50" を追加します。
上記マーキーのソース コピーして使用して下さい
流れる画像: 下へ流れる画像
簡単!!<marquee>タグに direction="down" height="100" width="50" を追加します。
上記マーキーのソース コピーして使用して下さい
流れる画像: 上下運動をする画像
簡単!!<marquee>タグに behavior="alternate" direction="up" height="100" width="50" を追加します。
上記マーキーのソース コピーして使用して下さい
マーキーが二つ重なってバウンドする画像
<marquee>タグに behavior="alternate" direction="up" height="100" width="400"とbehavior="alternate" direction="right" を追加し、二つ並べます。
左から流れるようにするには、二つ目のタグをdirection="left"に変更
上記マーキーのソース コピーして使用して下さい左から流れるようにするには、二つ目のタグをdirection="left"に変更
流れる画像に背景色をつける
<marquee>タグに bgcolor="背景色" を追加します。
上記マーキーのソース コピーして使用して下さい
流れる画像の背景に画像を使う
テーブルを使います。
<table>
<tr>
<td background="背景の画像のURL"><marquee width="400" scrollamount="4">
<img src="流れる画像のURL">
</marquee></td>
</tr>
</table>
<tr>
<td background="背景の画像のURL"><marquee width="400" scrollamount="4">
<img src="流れる画像のURL">
</marquee></td>
</tr>
</table>
上記マーキーのソース コピーして使用して下さい
●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場 合がございます。ご了承下さい。
★skip ページtop