向左滚动:(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=30
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
} }
var MyMar1=setInterval(Marquee1,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar1)}
demo.οnmοuseοut=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=30
oRollV2.innerHTML=oRollV1.innerHTML
function Marquee1(){
if(oRollV2.offsetHeight-oRollV.scrollTop<=0)
oRollV.scrollTop-=oRollV1.offsetHeight
else{
oRollV.scrollTop++
} }
var MyMar1=setInterval(Marquee1,speed)
oRollV.οnmοuseοver=function() {clearInterval(MyMar1)}
oRollV.οnmοuseοut=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.οnmοuseοver=function() {clearInterval(MyMar)};
oRollV.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};
</script>-->
</div>
</body>
</html>