課程
/前端開發(fā)
/CSS3
/按鈕特效
做完這個demo后，發(fā)現(xiàn)鼠標快速的來回移動時，鼠標事件觸發(fā)次數(shù)會疊加。怎么可以限制掉呢？
2014-12-01
源自：按鈕特效 1-11
正在回答
在執(zhí)行動畫前先用stop()停止元素的動畫停止元素的動畫方法：stop()語法結構：stop([clearQueue],[gotoEnd])clearQueue 和 gotoEnd 都為可選參數(shù)，為布爾值。clearQueue ： 是否要清空未執(zhí)行玩的動畫列表gotoEnd ： 是否直接將正在執(zhí)行的動畫跳轉到末狀態(tài)在這里就是$(".tip").stop(true, true);
可以先判斷動畫是否執(zhí)行： ?
if (!$('.tip').is(':animated')){
????????????????????????? $('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);
}
舉報
WEB前端開發(fā)必備能力，課程分為二個實例講解，讓你牢牢掌握
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2015-01-04
在執(zhí)行動畫前先用stop()停止元素的動畫
停止元素的動畫方法：stop()
語法結構：stop([clearQueue],[gotoEnd])
clearQueue 和 gotoEnd 都為可選參數(shù)，為布爾值。
clearQueue ： 是否要清空未執(zhí)行玩的動畫列表
gotoEnd ： 是否直接將正在執(zhí)行的動畫跳轉到末狀態(tài)
在這里就是$(".tip").stop(true, true);
2014-12-10
可以先判斷動畫是否執(zhí)行： ?
if (!$('.tip').is(':animated')){
????????????????????????? $('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);
}