无缝滚动代码(向上)

<div id="marquees">

需要滚动内容

</div>
<script language="JavaScript">
    
    marqueesHeight=289; //滚动内容显示高度
    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>



这段代码可以实现 一段文字在页面上的 竖向无缝滚动
可是 将来会 出现一个 很尴尬的问题
因为 marqueesHeight=600;
但是 整个页面出来以后 在页面的 下边 会多出来600的 空白来
效果会打折扣

希望高手可以给出解决办法  
方法越多越好！


感谢caiying2007

document.write('<div id="templayer" style="position:absolute; top:-1000px; z-index:1;visibility:hidden"

此方法很明了精干！

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: