首页 > javascript > mouse > Javascript Event - 如何handle锚点鼠标输入/鼠标输出事件

Javascript Event - 如何handle锚点鼠标输入/鼠标输出事件

mouse 【mouse】
我们想知道如何handle锚点鼠标输入/鼠标输出事件。
代码展示 运行结果 


<html>
<head>
  <script type="text/javascript" language="JavaScript1.1">
    var prevBtnOff = new Image(42, 52);
    prevBtnOff.src = "http://w3cschool.cn/style/demo/Google-Chrome.png";
   
    var prevBtnOn =  new Image(42, 52);
    prevBtnOn.src = "http://w3cschool.cn/style/demo/InternetExplorer.png";
   
    var nextBtnOff = new Image(42, 52);
    nextBtnOff.src = "http://w3cschool.cn/style/demo/Firefox.png";
   
    var nextBtnOn =  new Image(42, 52);
    nextBtnOn.src = "http://w3cschool.cn/style/demo/Safari.png";
   
    function highlightButton(placeholder, imageObject) {
      document.images[placeholder].src = eval(imageObject + ".src")
    }
  </script>
</head>
<body>
    <a href="javascript:history.back()"
       onmouseover="highlightButton('Prev','prevBtnOn');
                    window.status='Previous';
                    return true;"
       onmouseout="highlightButton('Prev','prevBtnOff');
                   window.status='';
                   return true;">
      <img src="http://www.w3cschool.cn/style/download.png" border="0" width="52" height="42" name="Prev">
    </a>
    <a href="javascript:history.forward()"
       onmouseover="highlightButton('Next','nextBtnOn');
                    window.status='Next';
                    return true;"
       onmouseout="highlightButton('Next','nextBtnOff');
                    window.status='';
                    return true;">
      <img src="http://www.w3cschool.cn/style/download.png" border="0" width="52" height="42" name="Next">
    </a>
</body>
</html>