网页代码设计技巧系列之-----图片变换和链接变化.docVIP

脚本说明:把如下代码加入body区域中script language=JavaScript1.2//Presentational Slideshow Script- By Dynamic Drive//For full source code and more DHTML scripts, visit //This credit MUST stay intact for legal usevar slideshow_width=100px //SET SLIDESHOW WIDTH (set to largest images width if multiple dimensions exist)var slideshow_height=100px //SET SLIDESHOW HEIGHT (set to largest images height if multiple dimensions exist)var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)var slidebgcolor=whitevar dropimages=new Array()//SET IMAGE PATHS. Extend or contract array as neededdropimages[0]=bs00825a.gifdropimages[1]=bs00847a.gifdropimages[2]=hh01478a.gifvar droplinks=new Array()//SET IMAGE URLs. Use if you wish particular image to NOT be linked:droplinks[0]=droplinks[1]=droplinks[2]=////NO need to edit beyond here/////////////var preloadedimages=new Array()for (p=0;pdropimages.length;p++){preloadedimages[p]=new Image()preloadedimages[p].src=dropimages[p]}var ie4=document.allvar dom=document.getElementByIdif (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+;background-color:+slidebgcolor+;left:-+slideshow_width+/divdiv id=canvas1 style=position:absolute;width:+slideshow_width+;height:+slideshow_height+;background-color:+slidebgcolor+;left:-+slideshow_width+/div/div)elsedocument.write(a href=javascript:rotatelink()img name=defaultslide src=+dropimages[0]+ border=0/a)var curpos=parseInt(slideshow_width)*(-1)var degree=10var curcanvas=canvas0var curimageindex=linkindex=0var nextimageindex=1function movepic(){if (curpos0){curpos=Math.min(curpos+degree,0)tempobj.style.left=curpos+px}else{clearInterval(dropslide)nextcanvas=(curcanvas==canvas0)? canvas0 : canvas1tempobj=ie4? eval(document.all.+nextcanvas) : document.getElementById(nextcanvas)var slideimage=img src=+dropimages