1、2在indexhtml中的script標簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進入indexhtml頁面中，此時顯示出一張圖片4過1秒后，圖片自動切換為另一張圖片了。

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

3、1準備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網頁，嵌入其中的一張，另外一張待會切換3如圖，現(xiàn)在是靜態(tài)的，鼠標放上去也不會產生切換反應，因為沒有用JS4如圖，獲取。

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

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

6、2在indexhtml中的ltscript標簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運行indexhtml頁面，此時點擊圖片會換一張圖片。

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

8、該圖片切換特效實現(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 定時換背景圖片的代碼 * 下面是圖片切換代碼 va。

11、setIntervalquotgoquot， 1000html代碼ltimg src=quotimage1jpgquot alt=quotimg1quot id=quotimgquot 圖片一秒切換一次，arr配置需要切換的圖片，arr1配置對應圖片的alt屬性，需要別的屬性自己再增加數組。

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

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

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

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

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

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