精华1
注册时间2014-7-14
威望780
金钱3982
贡献2556
金牌会员
 
威望- 780 点
贡献- 2556 次
金钱- 3982 枚
|

楼主 |
发表于 2015-10-16 14:45:57
|
显示全部楼层
本帖最后由 笑看红尘 于 2015-10-16 15:07 编辑 <br /><br /><body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rotate_delay = 2000; // 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="324" height="244">
<img src="/images/m01.jpg" name="show" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="/images/m01.jpg" selected>http://p4.so.qhimg.com/t0124531ab8779ed7b9.jpg</option>
<option value="/images/m02.jpg">http://p0.so.qhimg.com/t013e1efd14e1ee2ef0.jpg</option>
<option value="/images/m03.jpg">http://p4.so.qhimg.com/t012797a70c94dce219.jpg</option>
<option value="/images/m04.jpg">http://p1.so.qhimg.com/t01d284898f5b5acc71.jpg</option>
<option value="/images/m05.jpg">5号图片</option>
<option value="/images/m06.jpg">6号图片</option>
<option value="/images/m07.jpg">7号图片</option>
<option value="/images/m08.jpg">8号图片</option>
<option value="/images/m09.jpg">9号图片</option>
<option value="/images/m10.jpg">10号图片</option>
</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>
</body>
</html> |
|