ロールオーバー (マウスが当たると画像が入れ替わる) JavaScript |
戻 る |
・ ソースファイル冒頭部分の下記の部分の数値で設定します。 // *********************** 入力1:画像の種類 *********************** var prim = " ../parts/wico1.gif "; // マウスが離れたときの画像 var secon = " ../parts/wico1d.gif "; // マウスが上に来たときの画像 var adrs = " # "; // リンク先のアドレス、リンクしないときは「'#'」 // *****************************************************************
<script type="text/javascript"> <!-- // roll_01 ver0.21 (ぱーぷりんの溜まり場) // *********************** 入力1:画像の種類 *********************** var prim = " ../parts/wico1.gif "; // マウスが離れたときの画像 var secon = " ../parts/wico1d.gif "; // マウスが上に来たときの画像 var adrs = " # "; // リンク先のアドレス、リンクしないときは「'#'」 // ****************************************************************** on_img=new Image(); on_img.src=prim; of_img=new Image(); of_img.src=secon; document.write("<a href='"+adrs+"' onmouseout='document.irekae.src=prim;' "+ "onmouseover='document.irekae.src=secon;'><img src='"+prim+"' border=0 name='irekae'></a>"); //--> </script>