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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
在vue中阻止浏览器后退的实例
Nov 06 Javascript
vue的$http的get请求要加上params操作
Nov 12 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替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
PHP正则+Snoopy抓取框架实现的抓取淘宝店信誉功能实例
2017/05/17 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
vue.js中created方法作用
2018/03/30 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
跟老齐学Python之再深点,更懂list
2014/09/20 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
2018/12/06 HTML / CSS
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
个人求职信范文分享
2014/01/31 职场文书
工作迟到检讨书
2014/02/21 职场文书
伊琍体标语
2014/06/25 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
部队2015年终工作总结
2015/04/02 职场文书
php中pcntl_fork详解
2021/04/01 PHP
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS