jquery animate動畫持續(xù)運(yùn)動的實例
更新時間:2017年11月29日 09:38:38 作者:蓓蕾心晴
下面小編就為大家分享一篇jquery animate動畫持續(xù)運(yùn)動的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示:
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ù)運(yùn)動,則把該動畫封裝為一個函數(shù),再反復(fù)調(diào)用就好。
以上這篇jquery animate動畫持續(xù)運(yùn)動的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery animate動畫應(yīng)用示例
- 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)立體式數(shù)字動態(tài)增加(animate方法)
- jQuery中animate的幾種用法與注意事項
- jQuery使用animate實現(xiàn)ul列表項相互飄動效果示例
- 利用jQuery的動畫函數(shù)animate實現(xiàn)豌豆發(fā)射效果
- 原生js實現(xiàn)jquery函數(shù)animate()動畫效果的簡單實例
- 詳解jQuery的animate動畫方法及動畫排隊問題解決
相關(guān)文章
Jquery仿IGoogle實現(xiàn)可拖動窗口示例代碼
這個拖動窗口是根據(jù)一個Jquery的框架直接做出來的:easywidgets,廢話就不多說了,直接把源代碼貼出來,讓大家學(xué)習(xí)2014-08-08jQuery插件Elastislide實現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動切換特效
這篇文章主要介紹了jQuery插件Elastislide實現(xiàn)響應(yīng)式的焦點(diǎn)圖無縫滾動切換特效,效果非常的棒,而且兼容性也很好,推薦給小伙伴們2015-04-04