图片翻页幻灯效果 - 余墨

input { font-family: "tahoma"; font-size: 10px; color: #000000; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

--></style>

var rotate_delay = 1000; // 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);

}

</SCRIPT>

<tr>

</td>

</tr>

<tr>

</select>

</td>

</tr>

<tr>

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

</td>

</tr>

</table>

</form>

</body>