16jQuery中的动画效果

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：Eric
撰写时间：2020年4月29日

jQuery中的动画效果

1、jQuery的基本动画效果

（1）显示元素：show（）
（2）隐藏元素：hide（）
（3）显示或者隐藏：toggle（参数一，参数二，参数三）
		以上这三个方法可以有参数，也可以没有参数
参数一：执行时间，show为600毫秒，delay为800毫秒
也可以自定义，自己写的不需要加双引号
参数二：切换效果：默认为swing，也可以改为linear
参数三：要执行的函数，也可以直接写个function

2、jQuery的滑动效果

（1）向上滑动：slideUp（）
（2）向下滑动：slideDown（）
（3）向上或者向下滑动：slideToggle（）
		参数和上面的一样

3、jQuery的淡入淡出

（1）淡出：fadeOut（）
（2）淡入：fadeIn（）
（3）淡入或者淡出：fadeToggle（）
		参数同上
（4）只改变透明度：fadeTo（）	这个方法必须要有这两个参数
		参数一：执行时间  
		参数二：透明度  一般是0.几 

4、自定义效果

（1）animate（{ 
	Left：50，
	fontSize：25，
	Width：50,
	Heiht：“toggle”，		注明：这里写的是终点的值
	opacity：“toggle”	注明：透明或者不透明
}，反应时间）

注意：
（1）要特别注意所有用于动画的属性必须是数字的，除非另有说明
（2）CSS样式使用DOM中属性的写法（比如 "fontSize"）来	设置，如要使			用	"font-size"则需要加双引号。
（3）单位：属性值的单位像素（px）,除非另有说明。单位em 和 %							需要指定使用
（4）除了定义数值，每个属性都能使用'show', 'hide', 和 'toggle