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 相关文章推荐
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
js实现textarea限制输入字数
Feb 13 Javascript
vue二级菜单导航点击选中事件的方法
Sep 12 Javascript
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
详解vue v-model
Aug 31 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
Ajax PHP分页演示
2007/01/02 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
2018/03/10 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
python人民币小写转大写辅助工具
2018/06/20 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
Python如何定义接口和抽象类
2020/07/28 Python
如何完美的建立一个python项目
2020/10/09 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
应届大学生的推荐信
2013/11/20 职场文书
酒店副总岗位职责
2013/12/24 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
党员反对四风问题思想汇报
2014/09/12 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
Python实现仓库管理系统
2022/05/30 Python