jquery animate動畫持續(xù)運動的實例
更新時間:2017年11月29日 09:38:38 作者:蓓蕾心晴
下面小編就為大家分享一篇jquery animate動畫持續(xù)運動的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示:
function fingers(){
$(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){
$(".box01 .fingers").animate({"width":"6.8rem","marginLeft":"-3.4rem"},500,fingers());
});
}
fingers();
如上,想要實現(xiàn)左右持續(xù)運動,則把該動畫封裝為一個函數,再反復調用就好。
以上這篇jquery animate動畫持續(xù)運動的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery animate動畫應用示例
- jQuery封裝animate.css的實例
- jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})不被Firefox支持的問題
- jQuery animate()實現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
- 淺談原生JS實現(xiàn)jQuery的animate()動畫示例
- jQuery實現(xiàn)立體式數字動態(tài)增加(animate方法)
- jQuery中animate的幾種用法與注意事項
- jQuery使用animate實現(xiàn)ul列表項相互飄動效果示例
- 利用jQuery的動畫函數animate實現(xiàn)豌豆發(fā)射效果
- 原生js實現(xiàn)jquery函數animate()動畫效果的簡單實例
- 詳解jQuery的animate動畫方法及動畫排隊問題解決

