怎样解决在mouseover和mouseout事件中鼠标滑动而出现的重复现象直到执行完鼠标所划过的次数

Question

鼠标滑动过快以及次数过多，也就是连续段时间内滑动，产生的现象是div不停的显示与隐藏直到执行完鼠标划过的次数，代码如下，<div class="contact">    <ul id="contactSmall">        <li><img src="img/Wechat.png" alt=""></li>        <li><img src="img/QQt.png" alt=""></li>        <li><img src="img/sina.png" alt=""></li>    </ul>    <ul id="contactBig">        <li><img src="img/wx.png" alt=""></li>        <li><img src="img/QQ.png" alt=""></li>        <li><img src="img/wb.png" alt=""></li>    </ul></div>jq代码如下；‘contactSmall=()contactBig=()contactSmall.mouseover(() {         contactBig.(().()).() }).mouseout((){         contactBig.(().()).()  })’

Answer 1

试试这样修改后的效果：

contactSmall=()contactBig=()contactSmall.stop(true).mouseover(() {
        contactBig.(().()).()
}).stop(true).mouseout((){
        contactBig.(().()).() 
})

Answer 2

做一个判断就可以了，比如一个操作在一段时间内只能执行一次