jquery animate動(dòng)畫持續(xù)運(yùn)動(dòng)的實(shí)例
如下所示:
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è)參考,也希望大家多多支持腳本之家。
- JQuery animate動(dòng)畫應(yīng)用示例
- jQuery封裝animate.css的實(shí)例
- jQuery中animate()的使用方法及解決$(”body“).animate({“scrollTop”:top})不被Firefox支持的問(wèn)題
- jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
- 淺談原生JS實(shí)現(xiàn)jQuery的animate()動(dòng)畫示例
- jQuery實(shí)現(xiàn)立體式數(shù)字動(dòng)態(tài)增加(animate方法)
- jQuery中animate的幾種用法與注意事項(xiàng)
- jQuery使用animate實(shí)現(xiàn)ul列表項(xiàng)相互飄動(dòng)效果示例
- 利用jQuery的動(dòng)畫函數(shù)animate實(shí)現(xiàn)豌豆發(fā)射效果
- 原生js實(shí)現(xiàn)jquery函數(shù)animate()動(dòng)畫效果的簡(jiǎn)單實(shí)例
- 詳解jQuery的animate動(dòng)畫方法及動(dòng)畫排隊(duì)問(wèn)題解決
相關(guān)文章
jquery實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音
這篇文章主要介紹了使用jquery如何實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音,需要的朋友可以參考下2014-04-04Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼
這個(gè)拖動(dòng)窗口是根據(jù)一個(gè)Jquery的框架直接做出來(lái)的:easywidgets,廢話就不多說(shuō)了,直接把源代碼貼出來(lái),讓大家學(xué)習(xí)2014-08-08jQuery EasyUi 驗(yàn)證功能實(shí)例解析
本文給大家分享jquery easyui驗(yàn)證功能的實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無(wú)縫滾動(dòng)切換特效
這篇文章主要介紹了jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無(wú)縫滾動(dòng)切換特效,效果非常的棒,而且兼容性也很好,推薦給小伙伴們2015-04-04