是不是这样滚动
<div id="marquees">
<a href="javascript:">1,你可曾有过无数的梦想,</a><br>
<br>
<a href="javascript:">2,却在时光的流逝里幻灭 </a><br>
<br>
<a href="javascript:">3,你可曾对未来期待憧憬,</a><br>
<br>
<a href="javascript:">4,却在成长的岁月中迷失</a><br>
<br>
</div>
<script language="JavaScript">marqueesHeight=200;
stopscroll=false;with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0; function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
<div id="marquees">
<a href="javascript:">1,你可曾有过无数的梦想,</a><br>
<br>
<a href="javascript:">2,却在时光的流逝里幻灭 </a><br>
<br>
<a href="javascript:">3,你可曾对未来期待憧憬,</a><br>
<br>
<a href="javascript:">4,却在成长的岁月中迷失</a><br>
<br>
</div>
<script language="JavaScript">marqueesHeight=200;
stopscroll=false;with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0; function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
http://blog.csdn.net/datehr/category/198305.aspx
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<SCRIPT language=JavaScript>
document.ns = navigator.appName == "Microsoft Internet Explorer"
function randomStr(str){
var showId=Math.floor(Math.random()*3);
var tempStr=str[showId];
str[showId]=str[0];
str[0]=tempStr;
}
function showStr(str,textWidth,num){
if(!document.ns){document.write(str[0]+'<br>')}
else{
document.write('<table border=0 cellspacing=0 cellpadding=0>'
+'<tr><td>'
+'<div id="icefable1'+num+'">'
+'<table width='+textWidth+' border=0 cellspacing=0 cellpadding=0>'
+'<tr><td height=20>'+str[0]+'</td></tr>'
+'<tr><td height=20>'+str[1]+'</td></tr>'
+'<tr><td height=20>'+str[2]+'</td></tr>'
+'</table>'
+'</div>'
+'<div id="icefable2'+num+'" style="position:absolute;z-index:1;visibility:hidden"></div>'
+'</td></tr>'
+'</table>');
}
}function init_srolltext(num){
countnum=0
marqueesHeight=20; //高度
eval('stopscroll'+num+'=false;')
eval('icefable1'+num+'.scrollTop=0;')
rotatenum=0
eval('icefable1'+num+'.style.width=0;')
eval('icefable1'+num+'.style.height=marqueesHeight;')
eval('icefable1'+num+'.style.overflowX="visible";')
eval('icefable1'+num+'.style.overflowY="hidden";')
eval('icefable1'+num+'.noWrap=true;')
eval('icefable1'+num+'.onmouseover=new Function("stopscroll=true");')
eval('icefable1'+num+'.onmouseout=new Function("stopscroll=false");')
eval('preTop'+num+'=0; ')
eval('currentTop'+num+'=0;')
eval('stoptime'+num+'=0;')
eval('icefable2'+num+'.innerHTML="";')
eval('icefable2'+num+'.innerHTML+=icefable1'+num+'.innerHTML;')
eval('icefable1'+num+'.innerHTML=icefable2'+num+'.innerHTML+icefable2'+num+'.innerHTML;')
eval('setInterval("scrollUp'+num+'()",40);')
}
function scrollUp1(){
if(stopscroll1==true) return;
currentTop1+=1;
if(currentTop1==21){
stoptime1+=1;
currentTop1-=1;
if(stoptime1==80){
currentTop1=0;
stoptime1=0;
}
}else{
preTop1=icefable11.scrollTop;
icefable11.scrollTop+=1;
if(icefable11.scrollTop==78){
preTop1=0; currentTop1=0; stoptime1=0;icefable11.scrollTop=0
}
}
}
var strArray1=new Array();
strArray1[0]='<!--54EEFC538F55--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39854,65432,65473&cid=0,0,0&sid=62419&advid=2852&camid=9766&show=ignore&url=http://www.chengcai.net/zhaosheng/06kehu/0331qh/index2.htm target=_blank>!清华大学出国留学硕士</a><!--$$ xinzhi/2006-4-1 ~ 2006-6-30/B $-->'
strArray1[1]='<!--A37977461C90--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39959,65558,65599&cid=0,0,0&sid=62540&advid=2855&camid=9794&show=ignore&url=http://www.swot.com.cn/page.htm target=_blank>人大在职硕士MBA热招</a><!--$$ lanxin/2006-1-1 ~ 2006-6-30/B $-->'
strArray1[2]='<!--79E7E562E661--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39534,65054,65093&cid=0,0,0&sid=62077&advid=2618&camid=9705&show=ignore&url=http://www.topxue.com/web/lcm/bjdx/eco.html target=_blank>北京大学EMBA课程研修班</a><!--$$ raowei/2006-4-1 ~ 2006-6-30/B $-->'
randomStr(strArray1);
showStr(strArray1,140,1);
init_srolltext(1);
</SCRIPT></BODY>
</HTML>--------------------------
从sina搬过来的
if(icefable11.scrollTop==78) 是向上滚动多少以后重新开始滚动;调着试一下吧~~
<div id="div1" style="width:300px;height:68px;overflow:hidden">
<a href="javascript:">1,你可曾有过无数的梦想,</a>
<a href="javascript:">2,却在时光的流逝里幻灭 </a>
<a href="javascript:">3,你可曾对未来期待憧憬,</a>
<a href="javascript:">4,却在成长的岁月中迷失</a>
<a href="javascript:">5,CSDN中国程序员论坛</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.onmouseover=function(){clearInterval(t)}
d.onmouseout=function(){t=setInterval(myfunc,1000)}
</script>
比如,我设置的字体大小为15px, 如果只要显示一行的话,就是<div id="div1" style="width:300px;height:15px;overflow:hidden">