jQuery中animate用法实例分析

这篇文章主要介绍了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程序设计有所帮助。