996.NO 2016-08-11 08:23 采纳率: 0%
浏览 1066

自己写了一个自动变化图片的js,但是鼠标停留时不能停止，求助

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript">
            var table = document.getElementById("control");
            var ignumber=10;
            var v1 = setInterval("changeTableImageNumber()",2000);

            table.onmouseout = function()//鼠标离开容器则自动执行
            {
                v1 = setInterval("changeTableImageNumber()",2000);
            }

            table.onmouseover = function()//鼠标在容器上停留则停止自动执行
            {
                leaveInterval(v1);
            }

            function changeTableImageNumber()
            {
                if(++ignumber>20)
                {
                    ignumber = 10;
                }
                changeTableImage(ignumber);
            }

            function changeTableImage(ignumber)
            {
                var ig = document.getElementById("changeImage");
                ig.src = "image/"+ignumber+".jpg";
            }
        </script>
        <title>auto change color</title>
    </head>
    <body>
        <table id="control" align="center" width="700px" height="500px" border="1px">
            <tr style="width: 100%; height: 100%;">
                <td  style="width: 100%; height: 100%;">
                    <img id="changeImage" width="700px" height="500px" src="image/10.jpg">
                </td>
            </tr>
        </table>
    </body>
</html>
  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2016-08-11 08:27
    关注

    移动到td也会触发mouseout事件，所以得判断是否移动到子元素上才行，而且你leaveInterval函数也没定义

    评论

报告相同问题？

悬赏问题

  • ¥20 易康econgnition精度验证
  • ¥15 线程问题判断多次进入
  • ¥15 msix packaging tool打包问题
  • ¥28 微信小程序开发页面布局没问题，真机调试的时候页面布局就乱了
  • ¥15 python的qt5界面
  • ¥15 无线电能传输系统MATLAB仿真问题
  • ¥50 如何用脚本实现输入法的热键设置
  • ¥20 我想使用一些网络协议或者部分协议也行，主要想实现类似于traceroute的一定步长内的路由拓扑功能
  • ¥30 深度学习，前后端连接
  • ¥15 孟德尔随机化结果不一致