网页代码设计技巧系列之-----图片轮换效果.docVIP

脚本说明:把如下代码加入body区域中script language=JavaScript1.2var slideshow_width=140 //SET IMAGE WIDTHvar slideshow_height=225 //SET IMAGE HEIGHTvar pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)var fadeimages=new Array()//SET IMAGE PATHS. Extend or contract array as neededfadeimages[0]=photo1.jpgfadeimages[1]=photo2.jpgfadeimages[2]=photo3.jpg////NO need to edit beyond here/////////////var preloadedimages=new Array()for (p=0;pfadeimages.length;p++){preloadedimages[p]=new Image()preloadedimages[p].src=fadeimages[p]}var ie4=document.allnavigator.userAgent.indexOf(Opera)==-1var dom=document.getElementByIdnavigator.userAgent.indexOf(Opera)==-1if (ie4||dom)document.write(div style=position:relative;width:+slideshow_width+;height:+slideshow_height+;overflow:hiddendiv id=canvas0 style=position:absolute;width:+slideshow_width+;height:+slideshow_height+;top:0;filter:alpha(opacity=10);-moz-opacity:10/divdiv id=canvas1 style=position:absolute;width:+slideshow_width+;height:+slideshow_height+;top:0;filter:alpha(opacity=10);-moz-opacity:10/div/div)elsedocument.write(img name=defaultslide src=+fadeimages[0]+)var curpos=10var degree=10var curcanvas=canvas0var curimageindex=0var nextimageindex=1function fadepic(){if (curpos100){curpos+=10if (tempobj.filters)tempobj.filters.alpha.opacity=curposelse if (tempobj.style.MozOpacity)tempobj.style.MozOpacity=curpos/100}else{clearInterval(dropslide)nextcanvas=(curcanvas==canvas0)? canvas0 : canvas1tempobj=ie4? eval(document.all.+nextcanvas) : document.getElementById(nextcanvas)tempobj.innerHTML=img src=+fadeimages[nextimageindex]+nextimageindex=(nextimageindexfadeimages.length-1)? nextimageindex+1 : 0setTimeout(rotateimage(),pause)}}function rotateimage(){if (ie4||dom){resetit(curcanvas)var crossobj=tempobj=ie4? eval(document.all.+curcanvas) : document.getElementById(curcanvas)crossobj.style.zIndex++var temp=setInterval(fadepic(),50)dropslide=eval(temp)curcanvas=(curcanvas==canvas0)?