Cut & Paste Arrow onMouseover

Description: This script displays an arrow image alongside the link when you move your cursor over the link. Furthermore, the arrow blinks while the mouse is over it. Nice visual effect. 

 

代码
   
     
<head>
<title>Cut & Paste Arrow onMouseover</title>
<script type="text/javascript">
var IMAGE01 = "on.gif" ;
var IMAGE02 = "off.gif"
;

function
imgover(imgname) {
imgname.src
=
IMAGE01;
}

function
imgout(imgname) {
imgname.src
=
IMAGE02;
}
</script>

</head>
<body>
<img name="image01" src="off.gif" width="10px" height="10px" alt="" />
<a href="#" onmouseover="imgover(image01)" onmouseout="imgout(image01)">Google.com</a><br />
<img name="image02" src="off.gif" width="10px" height="10px" alt="" />
<a href="#" onmouseover="imgover(image02)" onmouseout="imgout(image02)">Baidu.com</a><br />
<img name="image03" src="off.gif" width="10px" height="10px" alt="" />
<a href="#" onmouseover="imgover(image03)" onmouseout="imgout(image03)">Yahoo.com</a><br />
<img name="image04" src="off.gif" width="10px" height="10px" alt="" />
<a href="#" onmouseover="imgover(image04)" onmouseout="imgout(image04)">Bing.com</a>
</body>

 

 

 

 

 

你可能感兴趣的:(onmouseover)