ロールオーバー



↑カーソルを当ててみて下さい。
2枚の画像を使ってHPにちょっとした動き♪


 
box11.gif    box12.gif   この2種類の画像を使用しています。

ボタンを表示させたい<body>〜</body>の間に↓のソースを貼り付けてネ。

<IMG src="●" border="0" onMouseOver="this.src='★'" onMouseOut="this.src='■'">
●・・・最初に表示される画像名
★・・・
カーソルが触れた時に表示される画像名
■・・・
カーソルが離れた時に表示される画像名


リンクを挿入する場合 #の部分にファイル名を記入してね。
<A href="#"><IMG src="●" border="0" onMouseOver="this.src='★'" onMouseOut="this.src='■'"></A>
ロールオーバーボタンを増やす場合のページ全体ソース例
ロールオーバーボタンを増やしたい時には上のソースをずらずらと並べていきます。







1キロバイトの素材屋さん