鼠标事件案例—戳眼

来源:互联网 发布:focusky破解补丁mac 编辑:程序博客网 时间:2024/06/05 20:26

这里写图片描述

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script>            //睁眼            function openEye(){                var eye = document.getElementById("eye");                eye.src = "img/eye01.jpg";            }            //闭眼            function closeEye(){                var eye = document.getElementById("eye");                eye.src = "img/eye02.jpg";            }        </script>    </head>    <body>        <div onmouseover="closeEye()" onmouseout="openEye()" style="float: left;border: 1px solid #000000;">            <img id="eye" src="img/eye01.jpg" width="200px" />        </div>    </body></html>