+++例として表示している画像はフリー素材ではありません+++

オンマウス画像１
(のせると表示)

この文字にマウスをのせて下さい♪


<span onmouseover="document.all.item('moji1').style.visibility='visible'"> この文字にマウスをのせて下さい♪ </span> <div ID="moji1" style="visibility:hidden;"> <img src="画像ＵＲＬ"> </div>







オンマウス画像２
(のせると非表示)



<span onmouseover="this.style.visibility='hidden'"> <img src="画像ＵＲＬ"> </span>







オンマウス画像３
(のせると表示、離すと非表示)

この文字にマウスをのせて下さい♪


<span onmouseover="document.all.item('moji2').style.visibility='visible'" onmouseout="document.all.item('moji2').style.visibility='hidden'"> この文字にマウスをのせて下さい♪ </span> <div ID="moji2" style="visibility:hidden;"> <img src="画像ＵＲＬ"> </div>







オンマウス画像４
(画像にのせると画像を表示、離すと非表示)




<span onmouseover="document.all.item('moji3').style.visibility='visible'" onmouseout="document.all.item('moji3').style.visibility='hidden'"> <img src="のせる画像のＵＲＬ"> </span> <div ID="moji3" style="visibility:hidden;"> <img src="画像ＵＲＬ"> </div>







オンマウス画像５
(のせるとステータスバーに文字を表示、離すと非表示)



<span onmouseover="status='ステータスバーの文字';return true"onmouseout="status=''"><img src="画像ＵＲＬ"> </span>







オンマウス画像６
(のせると画像変更)
※オンマウス画像６をリンクに応用するには[ Ｑ＆Ａ参照]



(ここでは[画像１]は猫、[画像２]はバナー)
<img src="画像１ＵＲＬ" onmouseover="this.src='画像２ＵＲＬ';" onmouseout="this.src='画像１ＵＲＬ';">







オンマウス画像７
(のせるとページの背景色を変更)



背景色はブラウザの「更新」をクリックすると元に戻ります
スタイルシートで背景色を指定してるときは変更できません <img src="画像ＵＲＬ" onmouseover="document.bgColor='変える背景色'">







オンマウス画像８
(のせるとページの背景色を変更離すと戻る)



スタイルシートで背景色を指定してるときは変更できません <img src="http://copicopi.com/sonotagazou/aka.gif" onmouseover="document.body.style.backgroundImage='url(sonotagazou/aka.gif)'" onmouseout="document.body.style.backgroundImage='url(sonotagazou/aka.gif)'">







オンマウス画像９
(のせるとページの背景画像を変更離すと戻る)



スタイルシートで背景画像を指定してるときは変更できません <img src="マウスをのせる画像URL" onmouseover="document.style.body.backgroundImage='url(背景にする画像URL)'" onmouseout="document.style.body.backgroundImage='url()'">