动画运动效果

<script type="text/javascript">
	/* 	
		基本
		show([speed,[easing],[fn]]) 显示
		hide([speed,[easing],[fn]]) 隐藏
		toggle([speed],[easing],[fn]) 显示隐藏切换
		滑动
		slideDown([spe],[eas],[fn]) 
		slideUp([speed,[easing],[fn]]) 
		slideToggle([speed],[easing],[fn]) 
		淡入淡出
		fadeIn([speed],[eas],[fn]) 
		fadeOut([speed],[eas],[fn]) 
		fadeTo([[spe],opa,[eas],[fn]]) 
		fadeToggle([speed,[eas],[fn]])
		*/
    //显示   show()



    $(function(){
        	$("#btn1").click(function () {
				$("#div1").show(500)
            });
			完成整个过程需要500ms

			//隐藏  hide()
			$("#btn2").click(function(){
                $("#div1").hide(500)
			});

			//切换   toggle()
			$("#btn3").click(function(){
			    var abc=function () {
                    $("#div1").fadeToggle(500,abc);
                };
                abc();
			});
			一个循环运动动画

			$("#btn4").click(function(){
				$("#div1").fadeIn(2000);
			});

			//淡出  fadeOut()
			$("#btn5").click(function(){
				$("#div1").fadeOut(2000);
			});

			//淡化到  fadeTo()
			$("#btn6").click(function(){
				$("#div1").fadeTo(2000,0.5);
			});
			淡化到透明度为0.5的状态
			
			//淡化切换  fadeToggle()
			$("#btn7").click(function(){
				$("#div1").fadeToggle(1000);
			});
		})
</script>