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

代碼寫(xiě)起來(lái)比較煩，首先如果是要自動(dòng)變化的話，你首先需要有一個(gè)timer，調(diào)用windowsetIntervalhandler， time方法去變換，可以寫(xiě)在onload事件里，或者卸載頁(yè)面最后用ltscriptltscript塊里面 頁(yè)面上有一個(gè)div的話，這個(gè)div里面應(yīng)該有個(gè)ltimg的吧，圖片的話你用一個(gè)數(shù)組將文件名放起來(lái)，搞個(gè)隨機(jī)數(shù)，然后就將imgsrc = #39arri#39這樣弄就應(yīng)該能實(shí)現(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 如果一次把問(wèn)題說(shuō)完整多好。

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

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

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

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