JS 新闻标题单行向上滚动效果

来源:互联网 发布:wince软件下载 编辑:程序博客网 时间:2024/05/15 04:09
<div style="height:24px; line-height:24px; width:1000px; margin:10px auto;"><script>var marqueeContent=new Array();   //滚动新闻marqueeContent[0]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">小泉称若自民党在议会选举中失败</a><br>';marqueeContent[1]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">布什发表广播讲话</a><br>';marqueeContent[2]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">伊斯兰武装炸毁印控克什米尔铁路导致列车出轨</a><br>';marqueeContent[3]='<font color="#0000CC">14:25 </font><a href=# target=_blank class="f12red">布雷默:即使抓住了萨达姆也难以结束抵抗行动</a><br>';var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量var marqueeId=0;var marqueeDelay=2000;var marqueeHeight=24;//接下来的是定义一些要使用到的函数function initMarquee() {    var str=marqueeContent[0];    document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" 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()",24);    }function scrollMarquee() {    marqueeBox.scrollTop++;    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){        clearInterval(marqueeInterval[1]);        }    }initMarquee();</script>

原创粉丝点击