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 相关文章推荐
PNG背景在不同浏览器下的应用
Jun 22 Javascript
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
Mar 21 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
Node.js实现Excel转JSON
Apr 24 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
Jun 30 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 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
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
Python二维码生成识别实例详解
2019/07/16 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
美国在线家具网站:GDFStudio
2021/03/13 全球购物
物理研修随笔感言
2014/02/14 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
眼镜促销方案
2014/03/15 职场文书
数学教育专业求职信
2014/07/22 职场文书
地雷战观后感
2015/06/09 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
详解python字符串驻留技术
2021/05/21 Python