当前位置： 移动技术网 > IT编程>开发语言>Jquery > Jquery之动画

Jquery之动画

2020年04月01日  | 移动技术网IT编程  | 我要评论

jquery 动画

隐藏与显示

  1. hide(ms,callback)——隐藏
  2. show()——显示
  3. toggle()——隐藏或者显示
  • 可以带一个整数参数，表示动画的时间;callback参数表示回调函数
  • 动画效果是向左上角收缩或打开的。

淡入淡出

  1. fadein(ms,callback)——淡入
  2. fadeout()——淡出
  3. fadetoggle()——淡入/淡出
  4. fadeto(ms, 透明度)——设置透明度
  • 1、2、3、4都可以带毫秒参数，表示动画执行时间；都有最后一个参数callback回调函数，在动画之后之后调用。(这两个参数都是可以省略的)
  • 4 第二个参数为 0-1，表示透明度

滑动

  1. slidedown()——元素下滑显示
  2. slideup()——元素上滑隐藏
  3. slidetoggle()——下滑/上滑
  • 第一个参数为时间
  • 第二个参数为回调

animate

.animate(object,ms,style,callback)

  • object 是一个包含样式变化参数的对象，例如：
    {width:"200",height:"100",left:"100",opacity:"0.5"}，
    表示将指定的元素将变化为对象内指定的样式。

    note:

    1. 样式名字需写为驼峰型
    2. 不能操作所有的样式
    3. 样式的变化可以是表达式：+=100
    4. 样式值还可以是动画，例如：toggle

  • ms 为动画执行时间

  • style 为动画执行效果："linear" / "swing"，线性或曲线型变化

  • callback 为动画回调

delay(ms)

延迟下一个动画执行时间

清除/停止动画

clearqueue()

清除未执行的动画。调用之后，执行完当前动画就不再执行了。

  • 可以接收动画名字作为参数，清除这个指定的动画

finish()

调用后，当前的元素立即变成动画执行完毕的状态

stop()

停止当前元素正在执行的动画

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网