jquery Ui:动画

最新推荐文章于 2023-11-17 19:41:30 发布

lzljy

最新推荐文章于 2023-11-17 19:41:30 发布

阅读量218

点赞数

分类专栏： jQuery Ui 文章标签：动画

本文链接：https://blog.csdn.net/lzljy/article/details/103970529

版权

1 篇文章 0 订阅

订阅专栏

一、动画种类

序号	动画名（effectname）	参数（optons）	描述
1	blind	direction：方向（up,down,left,right,vertical,horizontal）	卷帘
2	bounce	distance:距离（20） times：次数（5）	弹跳
3	clip	direction：方向(up,down,left,right)	上下或左右同时擦除
4	drop	direction;f方向（left,right,up,down）	blind+fade
5	explode	pieces:爆炸片数(9)	爆炸
6	fade	-	淡出/淡入
7	fold	size：折后尺寸(15) horizFirst:从水平开始折（false）	折后收起
8	hightlight	color：高亮颜色(#ffff99)	高亮（变色）
9	pulf	percent：缩放比例（150）	由中心缩放
11	pulsate	times：次数（5）	闪烁
12	scale	direction：方向（both,vertical,horizontal） origin：缩放基点（"middle", "center"） percent：缩放比例 scale:缩放内容(both,box,content)	任意缩放
13	shake	direction：方向(up,down,left,right) distance:距离(20) times:次数(3)	抖动
14	size	to:改变到的物体 origin：改变尺寸基点（"top", "left"） scale：改变内容（both,box,content）	改变尺寸
15	slides	direction：方向9`"left"`, `"right"`, `"up"`, `"down"),` distance：距离(element's outerWidth)	滑开
16	tranfer	className：变形附加的类 to：变形到的物体	变形，.ui-effects-transfer=变形过程显示物体的classname

二、生成动画的命令

1、命令形式

常用式：effectFunction(effectname,options,duration,complete)；

完全式：effectFunction({

effect:effectname,

easing:'linear',//共32种

duration:1000,

complete:function(){},

quene:false/true

});

2、常用命令（effectFunction）

effect——根据物体显示状态（显示或隐藏）来执行动画，类似toggle。

hide——物体必须处于显示状态，动画完成后隐藏；

show——物体必须处于隐藏状态，动画完成后显示；

toggle——hide/show转换

附：easing的值

关注