流れる画像(マーキー)

画像を流れるようにしたい!!

画像も文字のように流してみましょう!!使いすぎると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"に変更
上記マーキーのソース コピーして使用して下さい




流れる画像に背景色をつける


<marquee>タグに bgcolor="背景色" を追加します。

上記マーキーのソース コピーして使用して下さい



流れる画像の背景に画像を使う

テーブルを使います。
<table>
<tr>
<td background="背景の画像のURL"><marquee width="400" scrollamount="4">
<img src="流れる画像のURL">
</marquee></td>
</tr>
</table>

上記マーキーのソース コピーして使用して下さい




●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場 合がございます。ご了承下さい。


★skip ページtop

ページ全般

背景を小粋に変える





ホームページを小粋に
css
java
home