簡易ロールオーバー(onMouse) _再掲

 2016-05-28
ロールオーバー(マウスを置くと画像が切り替わる)が1行でできる。
①晴れマークの上にマウスを置くと→雨マークに替わり
②マウスを離すと晴れマークに戻る。

FC2ブログでは
<img src="http://blog-imgs-54.fc2.com/[xxxx]/hare.gif"
onMouseover="this.src='http://blog-imgs-54.fc2.com/[xxxx]/ame.gif'"
onMouseout="this.src='http://blog-imgs-54.fc2.com/[xxxx]/hare.gif'">

ホームページでは
<img src="hare.gif" onmouseover="this.src='ame.gif'" onmouseout="this.src='hare.gif'" ;>

説明(JavaScript)
・img src="hare.gif" :最初に表示される画像
①onmouseover="this.src='ame.gif' :マウスを置いたときの画像
②onmouseout="this.src='hare.gif'" :マウスを離したときの画像
・「" "」:ダブルクォーテーションの中でファイルを指定する場合は
・「' '」:シングルクォーテーションで囲います。
スポンサーサイト
タグ :
≪ トップページへこのページの先頭へ  ≫ 次ページへ ≫