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:需要变化的一组属性集合,格式JSONspeed:可以选择给定的三种预定值:“slow”,“normal”,or "fast"表示动画时长的毫秒数值(如:1000)完成效果持续的时间 easing:动画效果,默认两个:swing/linear,需要更多就通过插件easing.js支持 fn:回调函数,等动画效果执行完毕后,立马执行的函数function•注意:属性名必须要驼峰式,如:marginLeft替换margin-left
不支持color类型属性的渐变动画

其他函数分析
stop([clearQueue],[jumpToEnd])
•作用:停止所有作用在当前对象上的动画效果
•参数分析:clearQueue:立即停止当前动画,并确定是否清空队列(true为立马停止动画并清空队列)
jumpToEnd:停止动画的时候,是否完成动画和完成队列

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值