1. 程式人生 > >滑鼠滑動事件(滑鼠經過換圖片)

滑鼠滑動事件(滑鼠經過換圖片)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>滑鼠經過更換圖片</title>
    </head>
    <body>
        <img src="img/1.jpg" id="pic"/>
         
        <script type="text/javascript">
            pic.onmouseover=function() {
                pic.src="img/2.jpg";<!--滑鼠經過時的圖片-->
            }
            pic.onmouseout=function(){
                pic.src="img/1.jpg";<!--滑鼠離開時的圖片-->
            }
        </script>
    </body>
</html>