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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
js调试系列 初识控制台
Jun 18 Javascript
js与jquery回车提交的方法
Feb 03 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
详解关于element el-button使用$attrs的一个注意要点
Nov 09 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 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
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
拖动一个HTML元素
2006/12/22 Javascript
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
JQUERY 设置SELECT选中项代码
2014/02/07 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
讲解Python中运算符使用时的优先级
2015/05/14 Python
Python简单读取json文件功能示例
2017/11/30 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
python3.8下载及安装步骤详解
2020/01/15 Python
Python列表如何更新值
2020/05/27 Python
python代码中怎么换行
2020/06/17 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
冬季作息时间调整通知
2015/04/24 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js