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张图片，所以循环替换documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTi。

3、1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用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区域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒状收缩“theeffects1 = “盒状向外“theeffects2 =。

8、该图片切换特效实现很简单，而且兼容性很好 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方法该函数每隔一个事件执行一次参数1回调函数 2间隔时间，单位为毫秒示例每1秒打印一次hello图片切换效果图在dreamweaver中怎么用js实现两张图片自动切换。

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。