<title>文字滚动</title>
<style type="text/css">
#rollText{font:14px /20px verdana;}
</style>
<div id="rollAD" style="height:20px; position:relative; overflow:hidden;">
  <div id="rollText" style="font-size:14px; line-height:20px;">
    <a href="/" title=""> </a><br />
    <a href="/" title="">◇ 1</a><br />
    <a href="/" title="">◇ 2</a><br />

  </div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+20){  //设置翻页高度,与div高度有关联
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script>/*--------------------------------------------------------------------------------------------*/
请教各位
因为不是很了解javascript 所以上述代码是从网上找了一下相关文字滚动的代码
这个是在众多代码中 比较符合自己需求的发现一个问题,当每次刷新的时候
红色内容的第一行 直接就翻页过去了
所以只能看到第二行内容
所以我添加了一行空内容 这样就可以看到第一行了
但是 如果把滚动时间调的长些话
当滚动会第一条的时候 空内容也要等待很长时间请问这种情况有没有什么方法可以解。。?

解决方案 »

  1.   


    <marquee scrollAmount=2 width=300 height=160 direction=up>•早晨好啊!<br>•空气好清新啊<br>•好呢?<p>•<a href=http://www.cctv.com>中央电视台</a></marquee>
      

  2.   

    BLUE_LG知道marquee这个标签,但是 这个有些效果无法实现 所以才用javascript的
      

  3.   

    每条消息都有暂停时间。
    marquee有很多效果是不能实现的
    所以我才用js的。