jQuery中实现动画效果的基本操作介绍


Posted in Javascript onApril 16, 2013

动画效果

show():显示

hide()隐藏

$().toggle():显示和隐藏效果切换

都可以传入参数,speed.

 

 

fadeOut(淡出)

fadeIn(淡入)

fadeToggle();淡入淡出切换

fadeTo(2000,0.3)将图片显示到透明度为30%的程度

 

滑动显示

slideDown():

slideUp():

slideToggle():

都可以传入一个speed参数。

 

$(':animated');获取正在执行动画的元素。

将正在执行动画的元素停止:

$(':animated').stop():停止当前的动画。

stop(true)表示清除队列中的所有的动画,即动画立即停止,如果不传递参数,只是立刻停止当前的动画。

$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。

Javascript 相关文章推荐
基于Jquery的淡入淡出的特效基础练习
Dec 13 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
在页面中引入js的两种方法(推荐)
Aug 29 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 #Javascript
js中 关于undefined和null的区别介绍
Apr 16 #Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 #Javascript
用js实现trim()的解决办法
Apr 16 #Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 #Javascript
jquery时间下拉框小例子
Apr 15 #Javascript
用js调用迅雷下载代码的二种方法
Apr 15 #Javascript
You might like
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
JS中Eval解析JSON字符串的一个小问题
2016/02/21 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
jquery 键盘事件的使用方法详解
2017/09/13 jQuery
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
微信小程序实现折叠面板
2018/01/31 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
解析Python中的二进制位运算符
2015/05/13 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
HTML5样式控制示例代码
2013/11/27 HTML / CSS
yy结婚证婚词
2014/01/10 职场文书
中级会计职业生涯规划范文
2014/01/16 职场文书
高中政治教学反思
2014/01/18 职场文书
一夜的工作教学反思
2014/02/08 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
求职信标题怎么写
2014/05/26 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang