jQuery学习教程（九）：动画

js就是这样一门语言，你可以说它很简单，会一点C就能编写代码；你也可以说它很难，丰富强大灵活；不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”；高手用它来制作“星际争霸”游戏。

jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!

show([arg])//将元素display属性置为除none之外的值，具体记忆功能； hide([arg])//将元素display属性置为none

以上两个函数均可带参数，一类是关键字参数：slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示，

slow -> 600,normal -> 400,fast -> 200

fadeIn([arg])//提升已降低透明度的元素，直到显示；即“淡出”；

fadeOut([arg])//降低元素透明度，直至隐藏，style值为"none"；即 “淡入”

$("p").mouseover(function(){  
	 if($(this).is(":visible")){  
	 	 $(this).fadeOut(1000,function(){  
	 	 	 alert($(this).is(":visible"));//false  
	 		 alert($(this).css("display"));//none  
	 	 });  
	 }  
});

　　

slideUp()//元素由下到上缩短隐藏

slideDown()//元素由上到下伸展

<script type="text/javascript"> 
	$(function(){  
		$("h2").toggle(function(){  
			$(this).next("p").slideUp();  
		},function(){ 
			$(this).next("p").slideDown();  
		});
	});
</script>
<h2>点击出现</h2>  
<p style=" height:60px; background:#faa; border:solid 1px #d00;">一段文字</p>