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ù)運動，則把該動畫封裝為一個函數(shù)，再反復(fù)調(diào)用就好。
以上這篇jquery animate動畫持續(xù)運動的實例就是小編分享給大家的全部內(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的時間段實現(xiàn)代碼，需要的朋友可以參考下2012-08-08
這篇文章主要介紹了簡述Jquery與DOM對象的相關(guān)資料,十分的簡單實用，需要的朋友可以參考下2015-07-07
有了jquery一切變的如此簡單！讓js做的動畫更有動感。2010-04-04
這篇文章比較不錯，更重要的是一些實例代碼，對于想學(xué)習(xí)jquery的朋友是個不錯的資料。2010-03-03
jQuery Study Notes學(xué)習(xí)筆記 (二)
jquery簡單選擇器的使用方法。jquery中最基本的東西了。2010-08-08
基于jQuery架構(gòu)javascript基礎(chǔ)體系
jQuery畢竟還只是一個基礎(chǔ)的最底層的工具集，封裝元素選擇器，事件等等，基本上能滿足一般的需求，但要從整體的WEB的周度來看，為了提高javascript開發(fā)的效率與可重用性，就需要有一個整體的布局2011-01-01
下面小編就為大家?guī)硪黄猨Query原理系列-常用Dom操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這個郁悶了，今天寫這個功能的時候發(fā)現(xiàn)了問題，上網(wǎng)找了好多資料對照，更加糾結(jié)2011-11-11
這篇文章主要介紹了jquery中radio checked問題的解決方案，在此感謝2位熱心網(wǎng)友給予的幫助，記錄下來，分享給小伙伴們2015-03-03
jQuery中為我們提供了很多有用的方法和屬性，自己總結(jié)的一些常用的函數(shù)，方法。個人認為在開發(fā)中會比較常用的，僅供大家學(xué)習(xí)和參考。2009-06-06