jquery實作圖片漸層切換相容ie6/Chrome/Firefox_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>




ul{position:relative;}
ul li{display:block ;}位置：絕對；左：0；上：0}
img{寬度：480px;高度：320px；邊框：5px 實心#ccc}
;
頭>

;

• 


• 


• 


• 

switchSpeed = 1000; // 圖片切換時間
var fadeSpeed = 1500; // 漸變時間
setInterval(function(){
$('img').last().fadeOut(fadeSpeed, function( ){
$(this).show().parent() .prependTo($('ul'));
});
腳本>
身體>


效果預覽：http://quchen.cau.edu.cn/jsDev/gradien.html