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>

 

 

 

 

 

posted @ 2010-04-16 09:59  ued  阅读(213)  评论(0)  编辑  收藏  举报