便利eelife Java Script

   戻る

マウスを乗せると2つの画像が入れ替わります。

マウスを乗せると2つの画像が入れ替わります




サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<P><A href="#" onmouseover="Swap('myIMG0','myIMG1','../rogoclr.gif','../rogo_java.gif');"
onmouseout="Swap('myIMG0','myIMG1','../rogo_java.gif','../rogoclr.gif');">マウスを乗せると2つの画像が入れ替わります</A></P>
<IMG src="../rogo_java.gif" width="150" height="20" border="0" name="myIMG0" hspace="7">
<IMG src="../rogoclr.gif" width="150" height="20" border="0" name="myIMG1" hspace="7">
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function Swap(iName0,iName1, img_url0, img_url1){
myobj0 = document.images[iName0];
myobj0.src = img_url0;
myobj1 = document.images[iName1];
myobj1.src = img_url1;
// -->
</SCRIPT>
コメント