jQuery的效果(动画)

jquery的效果(动画)

  • show

    • 概念:显示隐藏的匹配元素 语法:show(speed,callback)
    • 参数:speed:三种预定速度之一的字符串('slow','normal','fast')或表示动画时长的毫秒值(如:1000毫秒==1秒)
    • callback:在动画完成时执行的函数,每个元素执行一次
  • hide

    • hide(speed,callback)跟show使用方法类似,表示隐藏显示的元素。
    • 可以通过show()和hide()方法,来动态控制元素的显示隐藏
  • toggle

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

    • 概念:通过高度变化(向下增大)来到动态地显示所有匹配的元素,在显示完成后触发一个回调函数
    • 用法和参数跟上面类似
  • slideUp

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

    • 概念:通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数
    • 跟toggle用法类似
  • fadeIn

    • 概念:通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。
    • 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化
  • fadeOut

    • 概念:通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。
    • 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
  • fadeTo

    • 概念:把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。
    • 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
  • fadeToggle

    • 概念:通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。
    • 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
    • 实现淡入淡出的效果就是使用此方法
  • animate

    • 概念:用于创建自定义动画的函数

    • 语法:animate(params,[speed],[fn])

    • params:一组包含作为动画属性和终值的样式属性和及其值的集合

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

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

  • stop

    • 概念:停止所有在指定元素上正在运行的动画
    • 语法:stop([clearQueue],[jumpToEnd])
    • clearQueue:如果设置成true,则清空队列。可以立即结束动画。
    • gotoEnd:让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等
  • delay

    • 概念:用来做延迟的操作
    • 语法:delay(1000),一秒之后做后面的操作
posted @ 2018-12-01 20:57  Wualin  阅读(131)  评论(0编辑  收藏  举报