网页图片自动切换js代码.docVIP

网页图片自动切换js代码script language =javascript var curIndex=0;var timeInterval=1000;var arr=new Array();arr[0]=photos/1.jpg;arr[1]=photos/2.jpg;arr[2]=photos/3.jpg;arr[3]=photos/4.jpg;arr[4]=photos/5.jpg; setInterval(changeImg,timeInterval);function changeImg(){??? var obj=document.getElementById(obj);??? if (curIndex==arr.length-1) ??? {??????? curIndex=0;??? }??? else??? {??????? curIndex+=1;??? }??? obj.src=arr[curIndex];}/script img id=obj src =photos/1.jpg width=200 height=150 border =0可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用。 ------------------------------------------------------------- 第二种方法: //修改图片的宽度、高度，注意要和下面的一样，修改显示位置style type=text/css#img1 {position:absolute; width:140px; height:105px; left:220px; top:125px; z-index:1; visibility:hidden;}#img2 {position:absolute; width:140px; height:105px; left:220px; top:125px; z-index:2}/style SCRIPT LANGUAGE=JavaScript!-- Beginvar ie5=(document.getElementById document.all);var ns6=(document.getElementById !document.all); nPlus = 5?? //the % of fading for each stepspeed = 50 //速度 // You dont have to edit below this linenOpac = 100function FadeImg(){??? if(document.getElementById){??????? document.getElementById(img1).style.visibility=visible;??????? imgs = document.getElementById(img2);opacity = nOpac+nPlus;nOpac = opacity;setTimeout(FadeImg(),speed);??? if(opacity100 || opacity0){??????? nPlus=-nPlus;??? }??? if(ie5){??????? imgs.style.filter=alpha(opacity=0);imgs.filters.alpha.opacity = opacity;??? }??? if(ns6){??????? imgs.style.MozOpacity = 0 + %;imgs.style.MozOpacity = opacity + %;??? }}}onload=FadeImg;// End --/scriptdiv id=img1img src=photos\1.jpg border=0 width=140 height=105/divdiv id=img2img src=photos\2.jpg border=0 width=140 height=105/div 另外的方法 可以参考 style type=text/css img{border:0;} /style body div id=picplayer style=position:relative;overflow:hidden;width:300px;height:300px;clear:none;border:solid 1px #ccc; there is a pic-pl