JQuery 19

  jquery动画

hide([speed,[fn]])

隐藏显示的元素

参数:speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示

动画时长的毫秒数值(如:1000)

fn:在动画完成时执行的函数,每个元素执行一次。

show([speed,[fn]])

显示隐藏的匹配元素。

参数:speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示

动画时长的毫秒数值(如:1000)

fn:在动画完成时执行的函数,每个元素执行一次。

toggle([speed],[fn])

如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

slideUp(speed, [callback])

通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。

参数:

speed  三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

callback (可选)  在动画完成时执行的函数

slideDown(speed, [callback])

通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。

参数:

speed  三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

callback (可选)  在动画完成时执行的函数

slideToggle([speed],[fn])

slideUp()

概述:通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。

fadeOut(speed, [callback])

通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。

fadeIn(speed, [callback])

通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。

fadeToggle([speed,[fn]])

通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。

fadeTo(speed,opacity,[fn])

把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。

animate(params,[speed],[fn])

用于创建自定义动画的函数


可能的css样式值

stop([clearQueue], [gotoEnd])

停止所有在指定元素上正在运行的动画。

参数:

clearQueue (可选)如果设置成true,则清空队列。可以立即结束动画。

gotoEnd (可选)让当前正在执行的动画立即完成。

delay(duration)

设置一个延时来推迟执行队列中之后的项目。

参数

duration  延时时间,单位:毫秒

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 591评论 0 1
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 513评论 0 4
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,379评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,200评论 0 1
  • 不知何时起,你就已经无声无息闯入了我这一片无人区,扰乱我的思绪令我心神不宁。那种感觉久了,就好像染上的毒瘾一般。习...
    纗花湮阅读 294评论 0 1