怎样解决在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

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