jQuery动画效果

jQuery效果
在这里插入图片描述

显示和隐藏

show([speed,[easing],[fn])
在这里插入图片描述

滑动

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

事件切换

horver({over}out)
在这里插入图片描述
在这里插入图片描述

如果只写一个函数,那么鼠标经过和鼠标离开都会触发这个函数
在这里插入图片描述

动画队列及其停止排队方法
动画或效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行

停止动画
在这里插入图片描述

加上一个stop()后不管上一次的动画有没有走完,会把上一次的动画给停止了,然后执行下一次的动画
stop方法必须写在动画的前面,相当于停止结束上一次动画。

队列是一种特殊的线性表,只允许在表的前端(队头)进行删除操作(出队),在表的后端(队尾)进行出入操作(入队),队列的特点是先进先出,最先插入的元素最先被删除。

淡入淡出
淡入效果(fade逐渐 In进来)
fadeIn([speed,[easing],[fn])

渐进方式调整到指定的不透明度
faseTo([speed,opacity,[easing],[fn])
在这里插入图片描述

自动义动画 animate

animate(params,[speed],[easing],[fn])
参数
在这里插入图片描述

当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等
定义相对值

$("div").animate({
	left:500,
	top:300,
	opacity:.4
},500);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值