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 相关文章推荐
在线游戏大家来找茬II
Sep 30 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
Jun 25 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
基于javascript中的typeof和类型判断(详解)
Oct 27 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 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
example2.php
2006/10/09 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
表单提交验证类
2006/07/14 Javascript
JavaScript 注册事件代码
2011/01/27 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
python处理中文编码和判断编码示例
2014/02/26 Python
python的即时标记项目练习笔记
2014/09/18 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Python3.6安装及引入Requests库的实现方法
2018/01/24 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
UNIX文件名称有什么规定
2013/03/25 面试题
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
个人自我剖析材料
2014/09/30 职场文书
单位工作证明书格式
2014/10/04 职场文书
介绍信格式
2015/01/30 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
对学校的意见和建议
2015/06/04 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
Python集合set()使用的方法详解
2022/03/18 Python
nginx静态资源的服务器配置方法
2022/07/07 Servers