如圖，獲取img，轉(zhuǎn)成JS對象，加個0就可以轉(zhuǎn)js對象了5然后設(shè)定經(jīng)過事件，切換成另一張圖片，這樣就產(chǎn)生鼠標(biāo)經(jīng)過切換圖片的效果了6但是一旦鼠標(biāo)離開了，就要切換回原來的圖片素材，所以再加一個離開事件，這樣離開后就變換成原來的圖片7如圖，現(xiàn)在我的鼠標(biāo)在圖片上，就變成twopicture了。

代碼寫起來比較煩，首先如果是要自動變化的話，你首先需要有一個timer，調(diào)用windowsetIntervalhandler， time方法去變換，可以寫在onload事件里，或者卸載頁面最后用ltscriptltscript塊里面 頁面上有一個div的話，這個div里面應(yīng)該有個ltimg的吧，圖片的話你用一個數(shù)組將文件名放起來，搞個隨機數(shù)，然后就將imgsrc = #39arri#39這樣弄就應(yīng)該能實現(xiàn)。

4 PostListControllerjs代碼如下ftitAppModulecontroller#39PostListController#39，function $scope 設(shè)置輪播圖圖片間隔 scopemyInterval = 5000 輪播圖數(shù)據(jù)初始化 var slides = $scopeslides = 添加輪播圖源 slidespush image #39Contentimagescarousel_1png#39， text。

lt！ function switchImg img if img var oldsrc = imggetAttribute#39oldsrc#39if oldsrc == #39#39 imgsetAttribute#39oldsrc#39， imgsrc else imgsrc = oldsrcimgsetAttribute#39oldsrc#39， #39#39 如果一次把問題說完整多好。

1用JS定義一個圖片數(shù)組，里面存放你想要隨機展示的圖片 2用JS產(chǎn)生一個隨機數(shù)，當(dāng)然這個隨機數(shù)從0開始到imgArrlength1結(jié)束 代碼如下var index =parseIntMathrandom*imgArrlength1就得到當(dāng)前隨機產(chǎn)生的圖片 代碼如下var currentImage=imgArrindex3既然隨機產(chǎn)生了一張背景圖，那。

js根據(jù)循環(huán)切換條件可以用documentgetElementByIdquotquotsrc=quotquot設(shè)置，或者juqeryquot#idquotattrquotsrcquot，quot圖片名稱quot。

給你舉個簡單的例子哈，你需要把var pic_arr=new Arrayquotsilkroad_1jpgquot，quotsilkroad_2jpgquot，quotsilkroad_3jpgquot這個里面存儲的圖片換成自己圖片的路徑就可以了===lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transition。

思路使用javascript定時器函數(shù)setTimeout以一定的毫秒間隔執(zhí)行動作，在執(zhí)行的動作中循環(huán)替換圖片的src屬性按如下方式設(shè)置演示1HTML結(jié)構(gòu) img src=1pngid=test2javascript代碼 functionchangen 如果n一共5張圖，循環(huán)替換documentgetelementbyid測試srcpng nsettimeout更改。