jQuery中的fadeIn()、fadeOut()、fadeTo()方法的使用

在本文，我们继续探讨jQuery中的变换函数，fadeIn(),fadeOut的使用方法与hide(),show()完全相同。只是fadeIn()实现的是渐进的效果，fadeOut()实现的是渐出。也就是在变换的过程中元素的透明度会发生变换直到为1.0或0.0。当然这里是不能用1.0与0.0来形容的，因为fadeOut后元素不占用空间了，这也是fadeOut()与fadeTo(duration,0.0)的区别，fadeTo(duration,0)元素本身看不见了，但它依然占用页面空间。下面给个例子：

$("img").click(function(){$(this).fadeOut(1000);});//单击图片时，图片渐渐消失。

$("input[type=button]:eq(0)").click(function(){

$("img[src=1.jpg]").fadeIn(1000);

$("img[src$=gif]").fadeTo(1000,0.2);//1000毫秒后，opacity为0.2

});