參考，以下是5秒切換一張背景圖windowonload = function function changeImage var BackgroundImgquotImgBg1jpgquot，quotImgBg2jpgquot，quotImgBg3jpgquot，quotImgBg4jpgquotvar i =；將三張圖片放在一起重疊起來(lái)，然后加一個(gè)timer組件，在ontimer里面寫(xiě)代碼，用一個(gè)變量i來(lái)計(jì)數(shù)，每秒i自增1，大于3以后初始化為1，所以i可以取1，2，3三個(gè)值，每秒變一次 當(dāng)i=1的時(shí)候就讓圖片1的visible屬性為true；Tabnum++ifnumarrImgUrllength1num=0oImgsrc=arrImgUrlnumsetIntervalTab，1000注意圖片放在 名稱(chēng)為 img 的文件夾中，而且是格式的，否則需要修改html；第一種把如下代碼加入?yún)^(qū)域中 ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒狀收縮“theeffects1 = “盒狀向外“theeffects2 = “圓形收縮“theeffects3 =；圖片輪播的話(huà)，有兩種方式1 通過(guò)js控制圖片的顯隱來(lái)實(shí)現(xiàn)輪播實(shí)現(xiàn)簡(jiǎn)單通過(guò)定時(shí)器切換圖片這種方式我博客里有關(guān)鍵代碼，可以百度以下內(nèi)容查看使用javascript，jquery實(shí)現(xiàn)的圖片輪播功能xyytIT2 通過(guò)定位方式，使圖片；數(shù)組長(zhǎng)度var img=documentgetElementByIdquotimg1quot 圖片var index=0 索引定時(shí)器setIntervalfunction ifindexlen index=0 imgsrc=imgsindex++，1000。

在一個(gè)新建的工程窗口中，建立一個(gè)Timer和一個(gè)Picturebox，然后把下面的代碼全部復(fù)制粘貼到窗體的代碼窗口 Public Class Form1 Private Sub Timer1_TickByVal sender As SystemObject， ByVal e As SystemEventArgs；var curIndex=0時(shí)間間隔單位毫秒，每秒鐘顯示一張，數(shù)組共有5張圖片放在Photos文件夾下var timeInterval=1000var arr=new Arrayarr0=quotphotos1jpgquotarr1=quotphotos2jpgquotarr2=quotphotos3jpg；setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時(shí)換背景圖片的代碼 * 下面是圖片切換代碼 va。

2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁(yè)面中，此時(shí)顯示出一張圖片4過(guò)1秒后，圖片自動(dòng)切換為另一張圖片了；imgArri ， 2000 上面是代碼實(shí)現(xiàn)原理是通過(guò)間隔定時(shí)器，每過(guò)2秒去設(shè)置img的src屬性imgArr是保存圖片的數(shù)組，當(dāng)每一張圖片都展示后重頭再開(kāi)始 imgArr的值是一張張圖片我這里是在img文件夾下放了5張；這個(gè)主要是用了js的定時(shí)器功能下面是簡(jiǎn)單的代碼，僅供參考 * margin0 padding0 liststyle #box width840px border1px solid #000 height210px margin30px auto positionrelative；思路使用javascript定時(shí)器函數(shù)setTimeout每隔一定的毫秒間隔數(shù)執(zhí)行動(dòng)作，在執(zhí)行的動(dòng)作中循環(huán)替換圖片的src屬性樹(shù)立演示如下1HTML結(jié)構(gòu) 2javascript代碼 function changenifn5 n=1 一共5張圖片。

lt！DOCTYPE html 圖片輪播 windowonload = initfunction init windowsetIntervalquotstart2quot，1000 var i = 1function start2 var imgObj = documentgetElementByIdquotimg01quotimgObjsrc = quot；最直接的方法全部放在一個(gè)controller里，點(diǎn)ngclick不同的tab，請(qǐng)求數(shù)據(jù)，并修改tabcontent的nginclude切換templateUrl復(fù)雜一點(diǎn)推薦不同的tab對(duì)應(yīng)不同的路由或者叫state，由state切換controller，templateUrl js圖片輪播切換。

var i = 0 li=$quot#olliquotdiv=$quot#boxdivquotfunction auto ilt$lilength1？i++i=0lieqiaddClassquotshowLiquotsiblingsremoveClassdiveqishowsiblingshide li。

HTML中圖片輪播代碼如下lt！DOCTYPE html圖片輪播代碼 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00text。