jQuery中animate用法实例分析

更新时间：2015年03月09日 10:07:52 作者：疯狂的流浪

这篇文章主要介绍了jQuery中animate用法,实例分析了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程序设计有所帮助。

您可能感兴趣的文章:

jQuery对象的selector属性用法实例
这篇文章主要介绍了jQuery对象的selector属性用法,实例分析了selector属性返回选择器的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
一个简单的jQuery插件制作学习过程及实例
本文仅供参考，如有不足或错误，请不吝赐教，这里以一个弹出层的jQuery插件制作实例为基础，进行插件制作的说明。
2010-04-04
jqPlot 基于jquery的画图插件
jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性(Pluggability)，你可以编写自己的图表样式。
2011-04-04
EasyUI在表单提交之前进行验证的实例代码
这篇文章主要介绍了EasyUI在表单提交之前进行验证的实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
jQuery实现统计输入文字个数的方法
这篇文章主要介绍了jQuery实现统计输入文字个数的方法,涉及jQuery操作鼠标事件及dom元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
这篇文章主要介绍了使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-09-09
jQuery中Ajax的load方法详解
本文重点个大家讲解了几个jQuery中ajax的load()方法的使用实例，load()方法是jQuery中最为简单和常用的Ajax方法，能远程载入HTML代码并插入DOM中
2015-01-01
jQuery中has()方法用法实例
这篇文章主要介绍了jQuery中has()方法用法,实例分析了has()方法的功能、定义及保留包含特定后代的匹配元素的使用技巧,需要的朋友可以参考下
2015-01-01
如何从jQuery的ajax请求中删除X-Requested-With
X-Requested-With常用于判断是不是ajax请求，ajax请求中删除X-Requested-With的方法如下，感兴趣的朋友可以参考下
2013-12-12
jQuery实现简易计算器功能
这篇文章主要为大家详细介绍了jQuery实现简易计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07