详细见:
http://www.soojs.com/t/?p=571&wd=%B9%F6%B6%AF&cl=7

解决方案 »

  1.   

    <script langauge="javascript">
    /**
     *@Description:Javascript 轮显效果
     *@Author:chouchy(城市刀客)
     */
    var myContent=new Array();
    myContent[0] = '1:求一段 Javascript 代码';
    myContent[1] = '2:能够向上间歇滚动的文字';
    myContent[2] = '3:每次只显示一行';var marqueeDelay=3000; //控制轮换显示时间,单位毫秒
    var scrollTime=20; //控制滚动速度,单位毫秒
    var marqueeHeight=20; //显示区域的高度,单位px
    var intervalId=new Array(2);
    var indexId=0;var marqueeDiv=null;function initMarquee() //初始化
    {
    document.write('<div id="marqueeDiv" style="overflow:hidden;height:'+marqueeHeight+'px;cursor:hand" onmouseover="clearInterval(intervalId[0])" onmouseout="intervalId[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>Loading...</div></div>');
    marqueeDiv=document.getElementById("marqueeDiv");
    intervalId[0]=setInterval("startMarquee()",marqueeDelay);
    }function startMarquee() //轮显
    {
    marqueeDiv.scrollTop=0;
    marqueeDiv.childNodes[0].innerHTML=myContent[indexId];
    indexId++;
    if(indexId==myContent.length) indexId=0;
    if(marqueeDiv.childNodes[1]==null)
    {
    var tempDiv=document.createElement("DIV");
    tempDiv.innerHTML=myContent[indexId];
    marqueeDiv.appendChild(tempDiv);
    }
    else
    marqueeDiv.childNodes[1].innerHTML=myContent[indexId];
    if(intervalId[1]==null)
    intervalId[1]=setInterval("scrollMarquee()",scrollTime);
    }function scrollMarquee() //滚动
    {
    marqueeDiv.scrollTop++;
    if(marqueeHeight==marqueeDiv.scrollTop && intervalId[1]!=null)
    clearInterval(intervalId[1]);
    }initMarquee();
    </script>