学步园

<!-- 指向链接图片的URL --><br /> <div align="center" id="demo" style="overflow:hidden;height:500px;width:200px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;"><br /> <div id="demo1"><br /> <!-- 定义内容--><br /> <table><br /> <tr><br /> <img src="images/1.jpg" mce_src="images/1.jpg"><br /> </tr><br /> <tr align="center"><br /> 图片一<br /> </tr><br /> <tr><br /> <img src="images/2.jpg" mce_src="images/2.jpg"><br /> </tr><br /> <tr align="center"><br /> 图片二<br /> </tr><br /> <tr><br /> <img src="images/3.jpg" mce_src="images/3.jpg"><br /> </tr><br /> <tr align="center"><br /> 图片三<br /> </tr><br /> <tr><br /> <img src="images/4.jpg" mce_src="images/4.jpg"><br /> </tr><br /> <tr align="center"><br /> 图片四<br /> </tr><br /> <tr><br /> <img src="images/5.jpg" mce_src="images/5.jpg"><br /> </tr><br /> <tr align="center"><br /> 图片五<br /> </tr><br /> </table></p> <p> </div><br /> <div id="demo2"></div><br /> </div><br /> <mce:script language="javascript" type="text/javascript"><!--<br /> var demo = document.getElementById("demo");<br /> var demo1 = document.getElementById("demo1");<br /> var demo2 = document.getElementById("demo2");<br /> var speed=10; //数值越大滚动速度越慢<br /> demo2.innerHTML = demo1.innerHTML;<br /> demo.scrollTop = demo.scrollHeight;<br /> function Marquee(){<br /> if(demo1.offsetTop-demo.scrollTop>=0)<br /> demo.scrollTop+=demo2.offsetHeight<br /> else{<br /> demo.scrollTop--<br /> }<br /> }<br /> var MyMar = setInterval(Marquee,speed);<br /> demo.onmouseover = function(){clearInterval(MyMar)}<br /> demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}<br /> // --></mce:script><br />