163、图片循环显示

163、图片循环显示

脚本说明:

把如下代码加入<body>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)

current = 0;

function next() {

if (document.slideform.slide[current+1]) {

document.images.show.src = document.slideform.slide[current+1].value;

document.slideform.slide.selectedIndex = ++current;

   }

else first();

}

function previous() {

if (current-1 >= 0) {

document.images.show.src = document.slideform.slide[current-1].value;

document.slideform.slide.selectedIndex = --current;

   }

else last();

}

function first() {

current = 0;

document.images.show.src = document.slideform.slide[0].value;

document.slideform.slide.selectedIndex = 0;

}

function last() {

current = document.slideform.slide.length-1;

document.images.show.src = document.slideform.slide[current].value;

document.slideform.slide.selectedIndex = current;

}

function ap(text) {

document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";

rotate();

}

function change() {

current = document.slideform.slide.selectedIndex;

document.images.show.src = document.slideform.slide[current].value;

}

function rotate() {

if (document.slideform.slidebutton.value == "Stop") {

current = (current == document.slideform.slide.length-1) ? 0 : current+1;

document.images.show.src = document.slideform.slide[current].value;

document.slideform.slide.selectedIndex = current;

window.setTimeout("rotate()", rotate_delay);

   }

}

//  End -->

</script>

<center>

<form name=slideform>

<table cellspacing=1 cellpadding=4 bgcolor="#000000">

<tr>

<td align=center bgcolor="white">

<b>图片循环</b>

</td>

</tr>

<tr>

<td align=center bgcolor="white" width=200 height=150>

<img src="cart.gif" name="show">

</td>

</tr>

<tr>

<td align=center bgcolor="#C0C0C0">

<select name="slide" onChange="change();">

<option value="cart.gif" selected>车子

<option value="aat.gif">防空坦克

<option value="boat.gif">汽艇

<option value="enterprise.gif">Enterprise

<option value="ewing.gif">E-Wing

<option value="f18.gif">F-18

<option value="klingon.gif">Klingon

<option value="landingcraft.gif">太空飞船

<option value="hoverracer.gif">Hover Racer

<option value="sith.gif">Sith

</select>

</td>

</tr>

<tr>

<td align=center bgcolor="#C0C0C0">

<input type=button onClick="first();" value="|<<" title="Beginning">

<input type=button onClick="previous();" value="<<" title="Previous">

<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">

<input type=button onClick="next();" value=">>" title="Next">

<input type=button onClick="last();" value=">>|" title="End">

</td>

</tr>

</table>

</form>

</center>

 

 

Write a comment

Comments: 0