便利eelife Java Script

   戻る

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



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format()">
<IMG src="../rogo.gif" name="myIMG1" style="position:absolute;
" onmouseover="show('myIMG2'),hide('myIMG1')" width="150" height="20" border="0">
<IMG src="../rogoclr.gif" name="myIMG2" style="position:absolute;
visibility : hidden;" onmouseout="hide('myIMG2'),show('myIMG1')" border="0" width="150" height="20">
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function format(){
Tp = 100;
Lt=150;
document.myIMG1.style.top = Tp;
document.myIMG2.style.top =Tp;
document.myIMG1.style.left = Lt;
document.myIMG2.style.left =Lt;
 }

function show(n){iName = n;
document.images[iName].style.visibility = 'visible';
 }

function hide(n){iName = n;
document.images[iName].style.visibility = 'hidden';
}

// -->
</SCRIPT>
コメント
画像の設置