欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery中的动画方法

程序员文章站 2022-05-18 23:15:41
对角线动画 hide():显示 可以写两个参数——第一个参数 数字类型:毫秒 字符串类型: slow:慢 600ms normal:比slow快 比fast慢 400ms fast:快 200ms 第二个参数可以传入一个回调函数 在动画完成之后自动调用 .remove()可以再动画之后移除当前元素 ......

对角线动画

 hide():显示   

可以写两个参数——第一个参数

 数字类型:毫秒

 字符串类型:

   slow:慢 600ms

   normal:比slow快   比fast慢   400ms

   fast:快   200ms

第二个参数可以传入一个回调函数  在动画完成之后自动调用   .remove()可以再动画之后移除当前元素

 show():隐藏   使用方法和hide相同

 toggle():相互切换

滑动动画

也可以传两个参数   使用方法同上

 slidedown()   滑入     

 slideup()  滑出

 slidetoggle()  相互切换

淡入淡出动画

也可以传两个参数   使用方法同上

 fadein()   淡入

 fadeout()   淡出

 fadetoggle()   相互切换

 fadeto()   参数 (毫秒,透明度)

animate动画

参数   键值对(对象),  只能让属性为  数值+单位  的样式属性做动画  opacity:0~1透明度

    时间(毫秒),

    匿名函数(回调函数),

动画排队:如果一个元素多次调用动画方法,会让所有添加的动画逐个执行,直到执行结束.

.stop()  停止动画   写在动画前面