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 相关文章推荐
extjs grid取到数据而不显示的解决
Dec 29 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
web前端开发JQuery常用实例代码片段(50个)
Aug 28 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
详解vue表单——小白速看
Apr 08 Javascript
vue移动端微信授权登录插件封装的实例
Aug 28 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
关于layui时间回显问题的解决方法
Sep 24 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
深入探讨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
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
php多任务程序实例解析
2014/07/19 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
Javascript实现div层渐隐效果的方法
2015/05/30 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
在layui中layer弹出层点击事件无效的解决方法
2019/09/05 Javascript
jQuery实现评论模块
2020/08/19 jQuery
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
python实现两个经纬度点之间的距离和方位角的方法
2019/07/05 Python
python通过http下载文件的方法详解
2019/07/26 Python
Tensorflow 多线程设置方式
2020/02/06 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
如何理解python面向对象编程
2020/06/01 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
写给老师的表扬信
2014/01/21 职场文书
消防安全宣传标语
2014/06/07 职场文书
稽核岗位职责
2015/02/10 职场文书
营业员岗位职责范本
2015/04/14 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书