jQuery动画与特效详解
1.显示和隐藏hide()和show()
对于动画来说，显示和隐藏是最基本的效果之一，本节简单介绍jQuery的显示和隐藏。
<scripttype="text/javascript">
$(function(){
$("input:first").click(function(){
$("p").hide();//隐藏
});
$("input:last").click(function(){
$("p").show();//显示
});
});
</script>
<inputtype="button"value="Hide">
<inputtype="button"value="Show">
<p>点击按钮，看看效果</p>
<div><em>本节主要降级和学习jQuery的自动显隐，渐入渐出、飞入飞出。自定义动画等。1.显示和隐藏hide()和show()对于动画来说，显示和隐藏是最基本的效果之一，本节简单介绍jQuery的显示和隐藏。</em>
</div>
以上是对hide()和show()函数的测试。
2.使用show()、hide()和toggle()方法
上个例子对show()和hide()方法做了简单介绍，其实这两个方法可以接受参数控制显隐藏过程。
语法如下
show(duration,[callback]);
hide(duration,[callback]);
其中，duration表示动画执行时间的长短，可以表示速度的字符串，包括slow,normal,fast.也可以是表示时间的整数(毫秒)。callback是可选的回调函数。在动画完成之后执行。
<scripttype="text/javascript">
$(function(){
$("input:first").click(function(){
$("p").hide(300);//隐藏
});
$("input:last").click(function(){
$("p").show(500);//显示
});
});
</script>
例子和第一个例子相同，只是对hide()和show()增加了时间参数。其实toogle()也可以加入事件参数。
2.使用fadeIn()和fadeOut()方式
对于动画效果显隐，jQuery还提供了fadeIn()个fadeOut这两个实用的方法，他们的动画效果类似褪色，语法与slow()和hide()完全相同。
fadeIn(duration,[callback]);
fadeOut(duration,[callback]);
例子
<scripttype="text/javascript">
$(function(){
$("input:eq(0)").click(function(){
$("img").fadeOut(3000);//逐渐fadeOut
});
$("input:eq(1)").click(function(){
$("img").fadeIn(1000);//逐渐fadeIn
});
});
</script>
<imgsrc="http://study.ahthw.com/gtimg/book/2014/11/201411120129479688.jpg"> <inputtype="button"value="Hide"> <inputtype="button"value="Show">