图片循环显示
下面为效果显示区!
图片循环
美女
美女
美女美女
美女美女
美女美女
F-18
美女
美女
美女
美女
脚本说明: 把如下代码加入<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>