|
|
向左滚动：（script 不同）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><div id="demo" style="overflow: hidden; width: 730px; height: 130px;"> <table cellpadding="0" border="0" align="center" cellspace="0"> <tbody> <tr> <td id="demo1" valign="top"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098222123514238.jpg"/> <br/></td> </tr> </tbody> </table></td> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/2009822212358360.jpg"/> <br/></td> </tr> </tbody> </table></td> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291055143238.jpg"/> <br/></td> </tr> </tbody> </table></td> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291112377287.jpg"/> <br/></td> </tr> </tbody> </table></td> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/2009829116307651.jpg"/> <br/></td> </tr> </tbody> </table></td> <td><table width="130" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center"><img height="110" width="135" border="0" style="border: 2px solid rgb(242, 242, 242);" src="image/20098291057185502.gif"/> <br/></td> </tr> </tbody> </table></td> </tr> </tbody> </table></td> <td id="demo2" valign="top"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td></td> </tr> </tbody> </table></td> </tr> </tbody> </table> <script>var speed=30demo2.innerHTML=demo1.innerHTMLfunction Marquee1(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++} }var MyMar1=setInterval(Marquee1,speed)demo.onmouseover=function() {clearInterval(MyMar1)}demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}</script> </div></body></html>
向上滚动的
<div id="oRollV" style="margin: 5px; overflow: hidden; height: 150px;"><div id="oRollV1"><table cellpadding="5"><tbody><tr align="center"><td><a target="_blank" title="教育网" href="http://www.lwjy.net/">莱芜市教育局</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lchedu.net">莱城教育网</a></td></tr><tr align="center"><td><a target="_blank" title="二中网站" href="http://www.lw2hs.net.cn/">莱芜二中</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lwems.net/">实验中学</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://hyxx.laiwu.com/">花园学校</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lwcyzx.net/">陈毅中学</a></td></tr></tbody></table></div><div id="oRollV2"><table cellpadding="5"><tbody><tr align="center"><td><a target="_blank" title="教育网" href="http://www.lwjy.net/">莱芜市教育局</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lchedu.net">莱城教育网</a></td></tr><tr align="center"><td><a target="_blank" title="二中网站" href="http://www.lw2hs.net.cn/">莱芜二中</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lwems.net/">实验中学</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://hyxx.laiwu.com/">花园学校</a></td></tr><tr align="center"><td><a target="_blank" title="" href="http://www.lwcyzx.net/">陈毅中学</a></td></tr></tbody></table></div> <script>var speed=30oRollV2.innerHTML=oRollV1.innerHTMLfunction Marquee1(){if(oRollV2.offsetHeight-oRollV.scrollTop<=0)oRollV.scrollTop-=oRollV1.offsetHeightelse{oRollV.scrollTop++} }var MyMar1=setInterval(Marquee1,speed)oRollV.onmouseover=function() {clearInterval(MyMar1)}oRollV.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}</script><!--<script language="javascript">var speed=50;oRollV2.innerHTML=oRollV1.innerHTML;function Marquee(){ if(oRollV2.offsetTop-oRollV.scrollTop<=0){ oRollV.scrollTop-=oRollV1.offsetHeight; }else{oRollV.scrollTop++; }}var MyMar=setInterval(Marquee,speed);oRollV.onmouseover=function() {clearInterval(MyMar)};oRollV.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script>--></div></body></html>
|
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡