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 相关文章推荐
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
table行随鼠标移动变色示例
May 07 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
js实现鼠标点击飘爱心效果
Aug 19 Javascript
JavaScript实现鼠标经过表格某行时此行变色
Nov 20 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 Error与Logging函数的深入理解
2013/06/03 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
JQuery AJAX 中文乱码问题解决
2013/06/05 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
python 异常处理总结
2016/10/18 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
python MySQLdb使用教程详解
2018/03/20 Python
浅析python继承与多重继承
2018/09/13 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
Pytorch之Variable的用法
2019/12/31 Python
Python使用进程Process模块管理资源
2020/03/05 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
创联软件面试题笔试题
2012/10/07 面试题
大学生自我鉴定
2013/12/16 职场文书
个人自我评价范文
2014/02/05 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
党性锻炼的心得体会
2014/09/03 职场文书
2014年资料员工作总结
2014/11/18 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python
Java移除无效括号的方法实现
2021/08/07 Java/Android