首頁 > web前端 > js教程 > jquery實作圖片漸層切換相容ie6/Chrome/Firefox_jquery

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

WBOY
發布: 2016-05-16 17:27:02
原創
903 人瀏覽過
複製代碼如下代碼:

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


>

jQuery 圖片切換切換


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

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

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

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

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




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
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板