jquery animate動(dòng)畫持續(xù)運(yùn)動(dòng)的實(shí)例

更新時(shí)間：2017年11月29日 09:38:38 作者：蓓蕾心晴

下面小編就為大家分享一篇jquery animate動(dòng)畫持續(xù)運(yùn)動(dòng)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示：

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();

如上，想要實(shí)現(xiàn)左右持續(xù)運(yùn)動(dòng)，則把該動(dòng)畫封裝為一個(gè)函數(shù)，再反復(fù)調(diào)用就好。

以上這篇jquery animate動(dòng)畫持續(xù)運(yùn)動(dòng)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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