jQuery中animate用法实例分析


Posted in Javascript onMarch 09, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js 禁用只读文本框获得焦点时的退格键
Apr 25 Javascript
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
Feb 18 Javascript
js控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 Javascript
深入探讨JavaScript String对象
Mar 09 #Javascript
jQuery实现冻结表头的方法
Mar 09 #Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 #Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 #Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 #Javascript
JS实现文件动态顺序载入的方法
Mar 07 #Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 #Javascript
You might like
第十二节--类的自动加载
2006/11/16 PHP
php中json_encode UTF-8中文乱码的更好解决方法
2014/09/28 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
详解使用React制作一个模态框
2019/03/14 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
Python数据类型详解(二)列表
2016/05/08 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
Django之form组件自动校验数据实现
2020/01/14 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
Exception类的常用方法
2012/06/16 面试题
医生自荐信
2013/10/11 职场文书
费用会计岗位职责
2014/01/01 职场文书
工程承诺书怎么写
2014/05/24 职场文书
房地产项目合作意向书
2015/05/08 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers