Jquery动画效果

第三节学习Jquery动画效果，了解一些相关的函数。

1.隐藏与显示
$("#id").hide(2000);    隐藏
$("#id").show(2000); 显示
$("#id").toggle(2000);  隐藏与显示

==>控制方块div点击消失并移除

div{
background-color:#000000;
width:100px;
height:100px;
float:left;
}

<script>
for(var i =0 ; i < 5 ; i++)
{
	$("<div>").appendTo(document.body);
}
$("div").click(function(){
	$(this).hide(2000,function(){
		$(this).remove();
	});
});
</script>

2.淡化效果，淡入淡出
fadeIn(1000);
fadeOut(1000);
fadeToggle(1000);
fadeTo(1000,0.5); //（第二个参数）淡化透明度的一个设置

3.滑动效果，可以用来做下拉列表
slideDown(100);
slideUp(1000);
slideToggle(5000);