当前位置：首页 > 资讯 > 技术文档

jQuery中animate用法实例分析

时间：2021-11-06 22:48 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery中animate用法实例分析

本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下：这是一个简单的animate函数尝试。代码如下：

<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>

希望本文所述对大家的jQuery程序设计有所帮助。

全部评论(0)

上一篇：jQuery中show与hide方法用法示例
下一篇：锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）

资讯排行榜
更多>>