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>