网页代码设计技巧系列之-----图片一张张显示.docVIP

脚本说明:把如下代码加入body区域中style type=text/css!--td {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0;}a {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0; text-decoration: none}#btnStyle {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; background-color: #C0C020; border-top: 0px solid; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;}//--/stylescript language=JavaScript type=text/JavaScript!--var img = new Array(10); //array to hold the imagesvar start = null; //start pointervar counter = 1; //counts the image sequencesvar delayTime = null; //user definedif(document.images) //pre-load all the images{/* change the looping condition if you wantto add or remove images. Do not load toomany images, it will slow down the programsloading time [e.g. 30 or above images] */for(i = 1; i = 10; i++){img[i] = new Image();img[i].src =pic + i + .jpg;}}//function for getting the user defined delay timefunction getDelayTime(dlTime){var temp = parseInt(dlTime);if(temp != NaN)delayTime = temp * 1000;elsedelayTime = 4000;}//function for changing the imagesfunction anim(){counter++;document.images[0].src = img[counter].src;if(counter == 10)counter = 0; //sets the counter value to 0}//function for starting the slide showfunction slide(){getDelayTime(document.form1.delay.value);with(document.form1){start = setInterval(anim(), delayTime);stShow.disabled = true;spShow.disabled = false;}}//function to stop the slide showfunction stopSlide(){clearInterval(start);document.form1.stShow.disabled = false;document.form1.spShow.disabled = true;}//--/scripttable align=center border=0 cellspacing=0 cellpadding=4 bgcolor=#000000trtd valign=top align=centerimg srcpic1.jpg border=0 width=400 height=300brform name=form1请输入图片显示间隔时间:input type=text size=2 value=4 name=delaybrinput type=button v