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 相关文章推荐
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
Aug 11 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
Oct 09 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
javascript实现简单打字游戏
Oct 29 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 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
多重?l件?合查?(一)
2006/10/09 PHP
基于mysql的bbs设计(四)
2006/10/09 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
网页中CDATA标记的说明
2010/09/12 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
JavaScript 栈的详解及实例代码
2017/01/22 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
Python设计模式之工厂模式简单示例
2018/01/09 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
从0开始的Python学习016异常
2019/04/08 Python
Python实现搜索算法的实例代码
2020/01/02 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
python十进制转二进制的详解
2020/02/07 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
申报职称专业技术个人的自我评价
2013/12/12 职场文书
安全员岗位职责范本
2015/04/11 职场文书
2015年新教师工作总结
2015/04/28 职场文书
礼仪培训心得体会
2016/01/22 职场文书
小学四年级作文之写景
2019/08/23 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
MySQL系列之九 mysql查询缓存及索引
2021/07/02 MySQL
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android