便利eelife Java Script

   戻る

マウスを乗せると画像が入れ替わります(ロールオーバー)。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<A href="#" onmouseout="Swap('myIMG', '../rogo.gif');" onmouseover="Swap('myIMG', '../rogo_java.gif');">
<IMG src="../rogo.gif" width="150" height="20" border="0" name="myIMG"></A>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function Swap(iName, img_url)
{
myobj = document.images[iName];
myobj.src = img_url;
}
// -->
</SCRIPT>
コメント
画像の設置
onmouseout ,onmouseover,でそれぞれの画像のURLを得て画像を入れ替えます。