weixin_44887898 2019-04-08 12:15 采纳率: 0%
浏览 1301
已采纳

js事件mouseover和mouseout没效果 chorme浏览器

<!DOCTYPE html>`
<html>
    <head>
        <meta charset="utf-8">
        <script>
            function lightOn(){
                document.getElementById("con").src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_2.png";
            }
            function lightOff(){
                document.getElementById("con").src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_3.gif";
            }
        </script>

    </head>
    <body>
        <h1>控制灯泡开关</h1>
        <img src="http://image108.360doc.com/DownloadImg/2017/07/3109/107140758_2.png" id="con" onmouseover="lightOn()" onmouseout="lightOff()"
        width="100px" height="180px">              
    </body>
</html>
  • 写回答

2条回答 默认 最新

  • 玉爷~ 2019-04-08 12:26
    关注

    这是src属性的问题，事件发生的时候函数是执行了的，不信在函数里面写个alert("hello")；
    可以使用setAttribute属性来修改src的值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？