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

鼠标直接在标题中来回切换就会抖动,怎么解决呢?

 var aA=document.getElementsByTagName('a');

                    for(var i=0;i<aA.length;i++){

                        aA[i].onmouseover=function(){

                            clearInterval(this.time);

                            var This=this;

                            This.time=setInterval(function(){

                                This.style.width=This.offsetWidth+8+"px";

                                if(This.offsetWidth>=160){

                                    clearInterval(This.time);

                                }

                            },30) 

                        }

                        aA[i].onmouseout=function(){

                            clearInterval(this.time);

                            var This=this;

                            This.time=setInterval(function(){

                                This.style.width=This.offsetWidth-8+"px";

                                if(This.offsetWidth<=120){

                                    This.style.width="120px";

                                    clearInterval(This.time);

                                }

                            },30) 


                        }   

                    }



正在回答

2 回答

可以把时间间隔30毫秒调到100毫秒试试

其实抖动效果是因为当你的鼠标离开左边的时候,触发了左边盒子的onmouseout事件,与此同时,鼠标移到了右边,也就是触发了右边盒子的onmouseover事件,这两个事件同时进行,也就是左边盒子往回缩的同时,右边的盒子在伸长,但是左边盒子往回缩会造成右边盒子往左移动,于是右边的盒子同时在进行左移和向右伸长,而且频率很快(每30毫秒),看起来就像是在抖动一样

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

鼠标移动快了的确会发颤,原因我也不知,同求解答

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

举报

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

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

进入课程

鼠标直接在标题中来回切换就会抖动,怎么解决呢?

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