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

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

這是一個簡單的animate函數嘗試。代碼如下：

1. <script type="text/javascript">  
2. $(document).ready(function(){  
3. $(".side-box h3").toggle(function(){  
4. $(this).addClass("box-arrow");  
5. $(this).next(".side-text").animate({  
6. height: 'toggle',  
7. opacity: 'toggle' 
8. }, "slow");  
9. return false;  
10.  
11. },function(){  
12. $(this).next(".side-text").animate({  
13. height: 'toggle',  
14. opacity: 'toggle' 
15. }, "slow");  
16. $(this).removeClass("box-arrow");  
17. return false;  
18. });  
19. });  
20. </script> 

希望本文所述對大家的jQuery程序設計有所幫助。