jQuery(5)-效果

一.显示和隐藏效果

1.显示
(1)显示语法规范

show([speed,[easing]],[fn])

(2)显示参数
1.参数可以省略,无动画显示。
2.speed:三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值。
3.easing:(Optional)用来指定切换效果,默认"swing",可用参数"linear"。
4.fn:回调函数,再动画完成执行的函数,每个函数执行一次。
2.隐藏
(1)隐藏语法规范

hide([speed,[easing]],[fn])

(2)隐藏参数同上
3.切换
(1)切换语法规范

toggle([speed,[easing]],[fn])

(2)切换参数同上

二.滑动效果

slideDown([speed,[easing]],[fn])
slideUp([speed,[easing]],[fn])
slideToggle([speed,[easing]],[fn])

三.事件切换

hover([over],out)

1.over鼠标移到元素上要触发的函数(相对于mouseenter)
2.out鼠标移出元素要触发的函数(相对于mouseleave)

四.动画队列及其停止排队方法

1.动画或效果队列
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队
2.停止排队

stop()

1.stop()方法用于停止动画或效果
2.注意:stop()写到动画或者效果的前面,相对于停止结束上一次动画。

五.淡入淡出

fadeIn([speed,[easing]],[fn])//淡入
fadeOut([speed,[easing]],[fn])//淡出
fadeToggle([speed,[easing]],[fn])

1.渐进方式调整到指定的不透明度

fadeTo([[speed],opacity,[easing],[fn]])//透明度

(1)opacity透明度必须写,取值0-1之间
(2)speed:三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值。必须写

自定义动画animate

1.语法

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

2.参数
(1)params:想要更改的样式属性,以对象形式传递,必须写,属性名可以不用带引号。如果是复合属性则采取驼峰命名法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值