代码如下: <html> <head> <title>changePic</title> </head> <body> <mce:script language="javascript" type="text/javascript"><!-- var i=0; var oTimer; var swt=0; var mytime; var myArray = new Array(); myArray[0] = "image/1.jpg"; myArray[1] = "image/2.jpg"; myArray[2] = "image/3.jpg"; myArray[3] = "image/4.jpg"; function $(id) {return document.getElementById(id);} function auto() //图片自动切换函数 { if (swt==0) { document.getElementById("mb").value="stop"; oTimer = null; var rdArray = $("sele").getElementsByTagName("input"); for (var m=0;m<rdArray.length;m++) { if (rdArray[m].checked) { mytime = rdArray[m].value; break;} } oTimer = setInterval('change()',mytime); swt = 1; } else if (swt==1) { document.getElementById("mb").value = "auto"; window.clearInterval(oTimer); swt = 0; } } function pre() { if (i==0) i=myArray.length; myPic.src = myArray[--i]; } function next() { if (i==myArray.length-1) i = -1; myPic.src = myArray[++i]; } function change() { if (i==myArray.length-1) i=-1; myPic.src=myArray[++i]; } // --></mce:script> <table> <tr> <div id="sele"> <input type="radio" name="mr" value="500">500 <input type="radio" name="mr" value="1000">1000 <input type="radio" name="mr" value="2000">2000 <input type="button" id="mb" value="auto" onClick="auto()"> </div> </tr> <tr><img src="image/1.jpg" mce_src="image/1.jpg" id="myPic" onClick="next()"></tr> <tr> <td align="left"> <a href="javascript:pre()" mce_href="javascript:pre()" id="pre">pre</a> </td> <td align="right"> <a href="javascript:next()" mce_href="javascript:next()" id="next">next</a> </td> </tr> </table> </body> </html>