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

脚本说明:第一步：把如下代码加入body区域中SPAN id=imgcontainer1 style=HEIGHT: 19px; LEFT: 22px; POSITION: absolute; TOP: -65px; WIDTH: 721px/SPANSPAN id=imgcontainer2 style=HEIGHT: 25px; LEFT: 13px; POSITION: absolute; TOP: -37px; WIDTH: 722px/SPANSCRIPT!-- 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()imgname[0]=home1.gifimgname[1]=home2.gifimgname[2]=home3.gifimgname[3]=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 imgurl[2].var imgurl=new Array()imgurl[0]=imgurl[1]=imgurl[2]=imgurl[3]=// This block will preload your images. Do not edit this block.var imgpreload=new Array()for (i=0;i=imgname.length-1;i++) {imgpreload[i]=new Image()imgpreload[i].src=imgname[i]}// 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=a href=+imgurl[i_image1]+ target=_blankimg width=+i_loop+ height=+imgheight+ src=+imgname[i_image1]+ border=0/adocument.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loopimgcontainer2.innerHTML=a href=+imgurl[i_image2]+ target=_blankimg width=+(imgwidth-i_loop)+ height=+imgheight+ src=+imgname[i_image2]+ border=0/a}i_loop=i_loop+stepvar t