网页代码设计技巧系列之---广告banner效.doc

脚本说明:第一步：把如下代码加入区域中!- Beginning of JavaScript -/ The width of your images (pixels). All pictures should have the same width.var imgwidth=468/ The height of your images (pixels). All pictures should have the same height.var imgheight=60/ The horizontal and vertical position of the images (pixels). var pos_left=70var pos_top=90/ The name of your images. You may add as many images as you like.var imgname=new Array()imgname0=home1.gifimgname1=home2.gifimgname2=home3.gifimgname3=home4.gif/ Where should those images be linked to? / Add an URL for each image./ If you dont want to add an URL just write # instead of / the URL, see sample imgurl2.var imgurl=new Array()imgurl0=imgurl1=imgurl2=imgurl3=/ This block will preload your images. Do not edit this block.var imgpreload=new Array()for (i=0;i=imgname.length-1;i+) imgpreloadi=new Image()imgpreloadi.src=imgnamei/ Standstill-time between the images (microseconds).var pause=2000/ Speed of the stretching and shrinking effect. More means slower.var speed=20/ This variable also affects the speed (the length of the step between each inmage-frame measured in pixels). More means faster.var step=10/ Do not edit the script belowvar i_loop=0var i_image1=0var i_image2=1function stretchimage() if (i_loop=imgwidth) if (document.all) imgcontainer1.innerHTML=document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loopimgcontainer2.innerHTML=i_loop=i_loop+stepvar timer=setTimeout(stretchimage(),speed)else clearTimeout(timer)changeimage()function changeimage() i_loop=0i_image1+if (i_image1imgname.length-1) i_image1=0i_image2=i_image1-1if (i_image2imgname.length-1) i_image2=0if (i_image20) i_image2=imgname.length-1document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeftvar timer=setTimeout(stretchimage(),pause)function initiate() if (document.all) document.all.imgcontainer1.style.posLeft=pos_leftdocument.all.imgcontainer2.style.posLeft=pos_leftdocument.all.imgcontainer1.style.posTop=pos_topdocument.all.imgcontainer2.style.posTop=pos_topchangeimage()if (document.layers) document.imgcontainer1.left=pos_leftdocument.imgcontainer2.left=pos_leftdocument.imgcontainer1.top=pos_topdocument.imgcontainer2.top=pos_toprotatenetscape()function rotatenetscape() document.imgcontainer1.document.write() document.imgcontainer1.document.close() i_i