zoukankan      html  css  js  c++  java
  • jQuery动画

    一.show()和hide(),显示和隐藏,改变大小和透明度

    show()恢复内容原有的display值,内容从上到下,从左到右依次增大,透明度从0到1

    hide()使内容display设置为none.和以上相反。

    可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.

    二.fadeIn()和fadeOut(),淡入和淡出,只改变透明度

    可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.

    三.slideUp和slideDown,缩短隐藏和延伸显示

    只改变高度

    四.自定义动画 animate()

    1.animate(params,speed,callback)

    参数params,一个包含样式属性及值得映射,比如{left:"300px",right:"300px"}

    2.累加累减 如:left:"+=500px"

    3.顺序执行,链式

    参数callback,适用于任何动画效果,如function(){$(this}.css("color","red")

    五.停止动画和判断是否处在动画状态

    1.停止动画stop(可选参数1clearqueue,表示是否要清空未执行的动画队列,可选参数2gotoend,表示是否直接将正在执行的动画跳到末状态),参数为true或者false

    默认值都是false,是立即停止当前动画,开始接下来的动画。stop(true)等价于stop(true,false),

    2.is(":animated")

    3.延迟动画 .delay(速度参数)

    六.其他动画

    1.toggle(speed,[callback])

    在hide和show之间切换

    2.slideToggle(speed)

    通过高度变化切换可见性

    3.fadeTo(speed,opacity)

    把元素的不透明度以渐进方式调整到指定的值

    4.fadeToggle(speed)

    通过切换不透明度切换元素可见性

  • 相关阅读:
    扩展VirtualBox虚拟机磁盘容量
    Java实现莱布尼兹问题
    Java实现子序列问题
    Java实现子序列问题
    Java实现子序列问题
    Java实现子序列问题
    Java实现子序列问题
    第九届蓝桥杯JavaC组省赛真题
    第九届蓝桥杯JavaC组省赛真题
    第九届蓝桥杯JavaC组省赛真题
  • 原文地址:https://www.cnblogs.com/cumting/p/6779248.html
Copyright © 2011-2022 走看看