快捷導(dǎo)航

jQuery中animate用法實(shí)例分析

更新時(shí)間：2015年03月09日 10:07:52 作者：瘋狂的流浪

這篇文章主要介紹了jQuery中animate用法,實(shí)例分析了animate的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery中animate用法。分享給大家供大家參考。具體如下：

這是一個(gè)簡(jiǎn)單的animate函數(shù)嘗試。代碼如下：

<script type="text/javascript"> 
$(document).ready(function(){ 
  $(".side-box h3").toggle(function(){ 
  $(this).addClass("box-arrow"); 
   $(this).next(".side-text").animate({ 
   height: 'toggle',  
   opacity: 'toggle' 
  }, "slow"); 
  return false; 
 
  },function(){ 
   $(this).next(".side-text").animate({ 
   height: 'toggle',  
   opacity: 'toggle' 
  }, "slow"); 
  $(this).removeClass("box-arrow"); 
  return false; 
  }); 
}); 
</script>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery cookie插件代碼類
jquery cookie插件代碼類，使用這個(gè)就可以方便的控制的cookie了，但感覺前提你已經(jīng)使用的jquery,否則那么大的js類，沒必要用的吧，可以查看腳本之家以前提高的代碼。
2009-05-05
Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介
這篇文章主要介紹了jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介,需要的朋友可以參考下
2014-06-06
jQuery Ajax()方法使用指南
jQuery.ajax()功能比較強(qiáng)大，可配置的參數(shù)比較多，本文主要對(duì)這個(gè)方法的注意事項(xiàng)進(jìn)行總結(jié)。有相同需求的童鞋們也來(lái)仔細(xì)看看吧，希望對(duì)大家能有所幫助
2014-11-11
jquery 表格排序、實(shí)時(shí)搜索表格內(nèi)容(附圖)
這篇文章主要介紹了jquery如何實(shí)現(xiàn)表格排序、實(shí)時(shí)搜索表格內(nèi)容,需要的朋友可以參考下
2014-05-05
Jquery 實(shí)現(xiàn)Tab效果思路是js思路
Jquery 實(shí)現(xiàn)Tab效果，思路就是普通的用js的思路控制的，腳本之家發(fā)布過(guò)更精簡(jiǎn)的代碼，這個(gè)比較適合一直用js開始學(xué)用jquery控制的朋友一個(gè)參考。
2010-03-03
jQuery的鏈?zhǔn)秸{(diào)用淺析
并不是所有的瀏覽器都暴露了dom的對(duì)象原型,所以不能通過(guò)簡(jiǎn)單擴(kuò)展原型方法并通過(guò)return this的形式來(lái)實(shí)現(xiàn)跨瀏覽器的鏈?zhǔn)秸{(diào)用,jquery采用了包裝器的方式來(lái)解決了這個(gè)問題。
2010-12-12
jQuery左側(cè)大圖右側(cè)小圖焦點(diǎn)圖幻燈切換代碼分享
這篇文章主要介紹了jQuery左側(cè)大圖右側(cè)小圖焦點(diǎn)圖幻燈切換特效,帶有縮略圖的焦點(diǎn)圖切換代碼，簡(jiǎn)單、時(shí)尚、大方，有需要的小伙伴可以參考下。
2015-08-08
jQuery noConflict() 方法用法實(shí)例分析
這篇文章主要介紹了jQuery noConflict() 方法用法,結(jié)合實(shí)例形式分析了jQuery noConflict() 方法基本功能、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jQueryUI如何自定義組件實(shí)現(xiàn)代碼
第一次自定義jQueryUI Widget 又是第一次，現(xiàn)在的感受是jQueryUI Widget能讓你代碼組織得更好,風(fēng)格更一致。
2010-11-11