jquery第一个动画

abstract： <button id="bt">点击执行动画</button> <div id="box"></div> #box{width: 200px;height: 200px;background-color: purple;margin-top: 20

<button id="bt">点击执行动画</button>
	<div id="box"></div>
#box{width: 200px;height: 200px;background-color: purple;margin-top: 20px;}
$(document).ready(function(){
		$("#bt").click(function(){
			$("#box").animate({
				'width':'toggle',
				'height':'toggle'
			},1500);
		});
	});

显示和隐藏

show()

hide()

滑动：通过控制匹配元素的高度变化来动态改变元素的状态

slideDown()下滑

slideUp()上滑

slideToggle() 切换

淡入和淡出:通过控制匹配元素的不透明度动态改变元素的状态

fadeIn()淡入

fadeOut()淡出

fadeToggle切换

fadeTo(speed,不透明度) 前两个参数是必须有的

自定义动画通过animate()方法来实现，此方法通过设置匹配元素的css样式来动态改变元素的状态，它有三个预定义值：hide show toggle