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);