jquery 解決事件監聽動畫延遲觸發的問題

標籤：query   function   執行   position   問題   span   color   pos   ima   

上代碼

<div id="small"></div><div id="large"></div>

 

#small{    width: 100px;    height: 100px;    background: red;    position: absolute;    top: 100px;    left: 100px;}#large{    width: 200px;    height: 200px;    background: purple;    position: absolute;    left: 500px;    top: 300px;}

 

$(function(){    $("#small").mouseover(function(){        $("#large").stop().animate({            width: "1000px"        });    });    $("#small").mouseout(function(){        $("#large").stop().animate({            width: "200px"        });    });});

 

與其考慮怎麼讓動畫執行過程中停下來，不如先讓動畫停下來再執行一次。

 

jquery 解決事件監聽動畫延遲觸發的問題