最简单的无缝滚动程序

<style>a{display:block;font-size:15px};</style>
<div id="div1" style="width:300px;height:68px;overflow:hidden">
  <a href="http://www.sina.com">1, 去新浪 </a>
  <a href="http://www.sohu.com">2, 去搜虎 </a>
  <a href="javascript:">3,你可曾有过无数的梦想</a>
  <a href="javascript:">4,却在时光的流逝里幻灭</a>
  <a href="javascript:">5,你可曾对未来期待憧憬</a>
  <a href="javascript:">6,却在成长的岁月中迷失</a>
  <a href="javascript:">7,善待自己</a>
</div>

<script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.οnmοuseοver=function(){clearInterval(t)}
d.οnmοuseοut=function(){t=setInterval(myfunc,1000)}
</script>

 

上面显示的是四行，如果只要1行，或者几行  改这里height:68px

只显示1行：
<div id="div1" style="width:300px;height:15px;overflow:hidden">

 

下面滚图片：

<style>img{display:block}</style>
<div id="div1" style="width:221px;height:187px;overflow:hidden">
<img src=http://zi.youkuaiyun.com/beijing-nightclass221x187.JPG>
<img src=http://zi.youkuaiyun.com/intel-zq221_187.jpg>
<img src=http://zi.youkuaiyun.com/microsoft221_187.jpg>
<img src=http://www.youkuaiyun.com/adv/homepage/20060429_Martin.gif>
</div> <script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.οnmοuseοver=function(){clearInterval(t)}
d.οnmοuseοut=function(){t=setInterval(myfunc,1000)}
</script>

下面横着滚：

<div id="div1" style="width:884px;height:187px;overflow:hidden">
<img src=http://zi.youkuaiyun.com/beijing-nightclass221x187.JPG>
<img src=http://zi.youkuaiyun.com/intel-zq221_187.jpg>
<img src=http://zi.youkuaiyun.com/microsoft221_187.jpg>
<img src=http://www.youkuaiyun.com/adv/homepage/20060429_Martin.gif>
</div> <script>
var t=setInterval(myfunc,1000)
var d=document.getElementById("div1")
function myfunc(){
var o=d.firstChild
d.removeChild(o)
d.appendChild(o)
}
d.οnmοuseοver=function(){clearInterval(t)}
d.οnmοuseοut=function(){t=setInterval(myfunc,500)}
</script>

下面长篇短停滚动：

<style>
div { font-size:12px; }
</style>
<div id="mq" style="width:100%;height:70px;overflow:hidden" οnmοuseοver="iScrollAmount=0"
οnmοuseοut="iScrollAmount=1">
　　轻轻的我走了，正如我轻轻的来；<br/>
　　我轻轻的招手，作别西天的云彩。<br/>
　　<br/>
　　那河畔的金柳，是夕阳中的新娘；<br/>
　　波光里的艳影，在我心头荡漾。<br/>
　　<br/>
　　软泥上的青荇，油油的在水底招摇；<br/>
　　在康河的柔波里，我甘心作一条水草。<br/>
　　<br/>
　　那榆荫下的一潭，不是清泉是天上的虹；<br/>
　　揉碎在浮藻间，沉淀彩虹似的梦。<br/>
　　<br/>
　　寻梦，撑支长篙，向青草更青处漫溯；<br/>
　　满载一船星辉，在星辉斑烂里放歌。<br/>
　　<br/>
　　但我不能放歌，悄悄是别离的笙箫；<br/>
　　夏虫也为我沉默，沉默是今晚的康桥。<br/>
　　<br/>
　　悄悄的我走了，正如我悄悄的来；<br/>
　　我挥一挥衣袖，不带走一片云彩。<br/>
　　<br/>
</div>
<script>
var oMarquee = document.getElementById("mq");  //滚动对象
var iLineHeight = 42;  //单行高度，像素
var iLineCount = 7;  //实际行数
var iScrollAmount = 1;  //每次滚动高度，像素
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iLineCount * iLineHeight )
oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 2000 );
} else {
window.setTimeout( "run()", 50 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
</script>