这个是转载的,我用在了我的项目里,谢谢原作者。
<SCRIPT TYPE="TEXT/JAVASCRIPT">
function scroll(div, td1, td2, speed, dir)
{
var oDiv=document.getElementById(div);
var oTd1=document.getElementById(td1);
var oTd2=document.getElementById(td2);
oTd2.innerHTML=oTd1.innerHTML;
var fun_dir;
if(dir=="lev"){fun_dir=levMarquee;}
else if(dir=="ver"){fun_dir=verMarquee;}
function levMarquee(){
if(oDiv.scrollLeft>=oTd1.offsetWidth){oDiv.scrollLeft-=oTd1.offsetWidth;}
else{oDiv.scrollLeft++;}
}
function verMarquee(){
if(oDiv.scrollTop>=oTd1.offsetHeight){oDiv.scrollTop-=oTd1.offsetHeight;}
else{oDiv.scrollTop++;}
}
var MyMar=setInterval(fun_dir, speed);
oDiv.οnmοuseοver=function() {clearInterval(MyMar);}
oDiv.οnmοuseοut=function() {MyMar=setInterval(fun_dir, speed);}
}
</SCRIPT>
<div id=demo style="width: 900px; overflow: hidden">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id=demo1>
<table width="1260" height="105" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="126" height="105" background="image/bottom_6.jpg"><div align="center">1</div></td>
<td width="126" height="105" background="image/bottom_1.jpg"><div align="center">2</div></td>
<td width="126" height="105" background="image/bottom_2.jpg"><div align="center">3</div></td>
<td width="126" height="105" background="image/bottom_3.jpg"><div align="center">4</div></td>
<td width="126" height="105" background="image/bottom_6.jpg"><div align="center">5</div></td>
<td width="126" height="105" background="image/bottom_3.jpg"><div align="center">6</div></td>
<td width="126" height="105" background="image/bottom_4.jpg"><div align="center">7</div></td>
<td width="126" height="105" background="image/bottom_1.jpg"><div align="center">8</div></td>
<td width="126" height="105" background="image/bottom_5.jpg"><div align="center">9</div></td>
<td width="126" height="105" background="image/bottom_2.jpg"><div align="center">10</div></td>
</tr>
</table>
</td>
<td id=demo2>
</td>
</tr>
</table></div>
<script type="text/javascript">scroll("demo", "demo1", "demo2", 20, "lev");</script>