为了账号安全,请及时绑定邮箱和手机立即绑定

请问大家,我的代码为啥再次移动鼠标的时候没有加载效果?

<script>
        //dom加载完才执行以下代码
        window.onload=function(){
                //取得a标签数据
                var atag = document.getElementsByTagName("a");
                for(var i=0; i< atag.length;i++) {
                        /**鼠标移入**/
                        atag[i].onmouseover=function(){
                                //先清空
                                clearInterval(this.time);
                                //获得当前的this对象
                                var thisPara = this;
                                thisPara.time=setInterval(function(){
                                thisPara.style.width = thisPara.offsetWidth + 8 + "px";
                                if(thisPara.offsetWidth > 120){
                                        clearInterval(thisPara.time);
                                }
                        },30);
                };
                        /**鼠标移出**/
                        atag[i].onmouseout=function(){
                                //先清空
                                clearInterval(this.time);                        
                                var thisPara = this;
                                setInterval(function(){
                                        thisPara.style.width = thisPara.offsetWidth - 8 +"px";
                                        if(thisPara.offsetWidth < 80){
                                                thisPara.style.width = "80px";
                                                clearInterval(thisPara.time);
                                        }
                                },30)
                        };
                }
        }
</script>


正在回答

2 回答

你设置鼠标移除动画setInterval前面没有用thisPara.time接收。导致clearInterval的时候参数undefined。

1 回复 有任何疑惑可以回复我~
#1

子非酸菜鱼 提问者

非常感谢!
2016-06-21 回复 有任何疑惑可以回复我~

@  有一丝梦想  非常感谢,自己的代码就是不容易检查出来!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

请问大家,我的代码为啥再次移动鼠标的时候没有加载效果?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信