1、2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁面中，此時(shí)顯示出一張圖片4過1秒后，圖片自動(dòng)切換為另一張圖片了。

2、1HTML結(jié)構(gòu) ltimg src=quot1pngquot id=quottestquot 2javascript代碼 function changenifn5 n=1 一共5張圖片，所以循環(huán)替換documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTi。

3、1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會(huì)切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會(huì)產(chǎn)生切換反應(yīng)，因?yàn)闆]有用JS4如圖，獲取。

4、Tabnum++ifnumarrImgUrllength1num=0oImgsrc=arrImgUrlnumsetIntervalTab，1000ltscriptltheadltbodyltimg id=quotimg1quot src=quotimg1jpgquot width=quot288quotltbodylthtml注意圖片放在。

5、ltscript language =javascript var curIndex=0 時(shí)間間隔單位毫秒，每秒鐘顯示一張，數(shù)組共有5張圖片放在Photos文件夾下 var timeInterval=1000 var arr=new Array arr0=quotphotos1jpgquot arr1=quot。

6、2在indexhtml中的ltscript標(biāo)簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊圖片會(huì)換一張圖片。

7、第一種把如下代碼加入ltbody區(qū)域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒狀收縮“theeffects1 = “盒狀向外“theeffects2 =。

8、該圖片切換特效實(shí)現(xiàn)很簡單，而且兼容性很好 html頁面如下 ltdiv class=quotwrapperquot ltdiv id=quotfocusquot ltul ltlilta href=quotquot target=quot_blankquotltimg src=quotimg01jpgquot alt=quot商城。

9、HTML中圖片輪播代碼如下lt！DOCTYPE htmllthtmlltheadlttitle圖片輪播代碼lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=1。

10、setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時(shí)換背景圖片的代碼 * 下面是圖片切換代碼 va。

11、setIntervalquotgoquot， 1000html代碼ltimg src=quotimage1jpgquot alt=quotimg1quot id=quotimgquot 圖片一秒切換一次，arr配置需要切換的圖片，arr1配置對應(yīng)圖片的alt屬性，需要?jiǎng)e的屬性自己再增加數(shù)組。

12、2其次，完成上述步驟后，在indexhtml的ltscript標(biāo)記中，輸入下圖紅框中的jquery代碼，如下圖所示3接著，完成上述步驟后，瀏覽器運(yùn)行indexhtml頁面，顯示出了其中1張背景圖片，如下圖所示4最后，完成上述步驟后。

13、JS切換圖片使用timersetInterval方法setInterval方法該函數(shù)每隔一個(gè)事件執(zhí)行一次參數(shù)1回調(diào)函數(shù) 2間隔時(shí)間，單位為毫秒示例每1秒打印一次hello圖片切換效果圖在dreamweaver中怎么用js實(shí)現(xiàn)兩張圖片自動(dòng)切換。

14、使用Jquery類庫，步驟1準(zhǔn)備好htmlltdiv class=quotcontainerquotltdiv class=quotitemlistquotltdiv class=quotitem activequotltimg src=quot0jpgquot alt=quot第1張圖quotltdivltdiv class=quotitemquotltimg src=quot1jpgquot alt=quot第2。

15、lthtml 你背景圖片就設(shè)置了一個(gè)2jpg再切換也是這一張圖片啊 如果有多張圖片比如說110jpg，那就把oSbackgroundImage=#39url2jpg#39改為oSbackgroundImage=#39url#39+parseIntMathrandom * 10 + 1+#39。

16、indexhtml”中添加對該“MoveEffectjs”文件的引用 script type=#34textjavascript#34 src=#34MoveEffectjs#34script 代碼如圖所示打開“indexhtml”網(wǎng)頁文件，最終效果如果所示。

17、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta。