マウスを乗せた時に画像を変える方法


Webページマウスを乗せると画像が変わり、外すと元に戻す方法

HTMLタグで記述できる。Java Scriptは不要

タグの記述方法
凡例
「A」は元の画像のURL
「B」はマウスを乗せた時に表示する画像のURL
「値」は数値(半角数字)

標準
<img src="A" onMouseOver="this.src='B'" onMouseOut="this.src='A'">

ダブルコーテーション " は無くてもよい
<img src=A onMouseOver=this.src='B' onMouseOut=this.src='A'>
ただし、シングルコーテーション ' は必要

高さ、幅を記述すると大きさを同じにできる
<img src=A width= height= onMouseOver=this.src='B' onMouseOut=this.src='A'>

マウスを乗せてみてください

2005年から毎日1話ブログ「しらべるが行く」

世界平和を実現 Copyrightしらべる 今日の更新 初出2011年12月 最終更新 2013/2/28