JQuery动画效果
来源:互联网 发布:2016淘宝卖家避开同款 编辑:程序博客网 时间:2024/06/16 23:19
JQuery基本动画效果
•show([speed,[easing],[fn]]):显示选择的元素
•hide([speed,[easing],[fn]]):隐藏选择的元素
•toggle([speed,[easing],[fn]]):切换选择的元素
•参数:speed:可以选择给定的三种预定值:"slow","normal",or "fast"
表示动画时长的毫秒数值(如:1000)完成效果持续的时间
easing:动画效果,默认两个:swing/linear,需要更多就通过插件easing.js支持
fun:回调函数,等动画效果执行完毕后,立马执行的函数function
JQuery滑动动画效果
•slideDown([speed,[easing],[fn]]):向下滑动展示元素
•slideUp([speed,[easing],[fn]]):向上滑动隐藏元素
•slideToggle([speed,[easing],[fn]]):通过滑动方式展示和隐藏元素
JQuery淡入淡出效果
•fadeIn([[speed],[easing],[fn]]):通过设置透明度方式对指定元素淡入效果实现
•fadeOut([[speed],[easing],[fn]]):通过设置透明度方式对指定元素淡出效果实现
•fadeTo([[speed],opacity,[easing],[fn]]):把指定元素的透明度值,设置到指定的值
•fadeToggle([[speed],[easing],[fn]]):切换指定元素的淡入淡出效果
自定义动画
animate(params,[speed],[easing],[fn])
•作用:设置属性从当前属性值到指定值的过度切换过程
•参数说明:params:需要变化的一组属性集合,格式JSON
speed:可以选择给定的三种预定值:"slow","normal",or "fast"
表示动画时长的毫秒数值(如:1000)完成效果持续的时间
easing:动画效果,默认两个:swing/linear,需要更多就通过插件easing.js支持
fn:回调函数,等动画效果执行完毕后,立马执行的函数function
•注意:属性名必须要驼峰式,如:marginLeft替换margin-left
不支持color类型属性的渐变动画
其他函数分析
stop([clearQueue],[jumpToEnd])
•作用:停止所有作用在当前对象上的动画效果
•参数分析:clearQueue:立即停止当前动画,并确定是否清空队列(true为立马停止动画并清空队列)
jumpToEnd:停止动画的时候,是否完成动画和完成队列(true为立刻完成动画和队列)
delay(duration,[queueName])
•作用:设置一个延时来推迟执行队列中之后的项目
•参数分析:duration:延时时间,单位:毫秒
queueName:队列名词,默认是Fx,动画队列
阅读全文
0 0
- 【jQuery】jQuery 效果- 动画
- JQuery动画效果
- jQuery动画效果实现
- jquery动画效果
- JQuery动画效果
- JQuery动画效果
- JQuery动画效果
- jquery实现动画效果
- jquery 动画效果
- jquery动画与效果
- jQuery各种动画效果
- jQuery实现动画效果
- jQuery动画效果笔记
- JQuery的动画效果
- jQuery实现动画效果
- JQuery动画效果
- Jquery 下拉动画效果
- jquery的动画效果
- C语言中内存分配
- TensorFlow基础(一)
- MD5加密算法原理
- excel相关函数
- 解决VBS文件双击不能运行的问题
- JQuery动画效果
- 用jericho jar包来解析HTML页面示例
- scrapy+spynner获取ajax中的内容(以微信公众号为例)
- 学习淘淘商城第八十五课(单点登录用户注册--Service层)
- 关于JNDI浅谈(tomcat为例)
- C语言以数据块的形式读写文件
- C#172课的主要内容
- butterknife 黄油刀 学习记录
- leetcode 7 Reverse Integer golang实现