文字上翻效果

    <script>
    var marqueeContent=new Array(); //滾動文字
    marqueeContent[0]='文字上翻效果1<br>';
    marqueeContent[1]='文字上翻效果12…<br>';
    marqueeContent[2]='<a href=http://www.forasp.cn target=_blank>文字上翻效果13 </a><br>';
    marqueeContent[3]='<a href=http://www.forasp.cn target=_blank>文字上翻效果4</a><br>';
    var marqueeInterval=new Array(); //定義一些常用而且要經(jīng)常用到的變量
    var marqueeId=0;
    var marqueeDelay=2500;
    var marqueeHeight=17;
    //接下來的是定義一些要使用到的函數(shù)
    function initMarquee() {
    var str=marqueeContent[0];
    document.write('<div id=marqueeBox onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
    marqueeId++;
    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    }
    function startMarquee() {
    var str=marqueeContent[marqueeId];
    marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1) {
    var nextLine=document.createElement('DIV');
    nextLine.innerHTML=str;
    marqueeBox.appendChild(nextLine);
    }
    else {
    marqueeBox.childNodes[0].innerHTML=str;
    marqueeBox.appendChild(marqueeBox.childNodes[0]);
    marqueeBox.scrollTop=0;
    }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
    function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
    clearInterval(marqueeInterval[1]);
    }
    }
    initMarquee();
    </script>