[code]
<script type="text/javascript" language="javascript">
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=16;
function initMarquee() {
var str=marqueeContent[0];
document.getElementById('marqueeBox').style.height = marqueeHeight+'px';
document.getElementById('rollbar').innerHTML = str.replace(/\"/g,'');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(document.getElementById('marqueeBox').childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str.replace(/\"/g,'');
document.getElementById('marqueeBox').appendChild(nextLine);
}
else {
document.getElementById('marqueeBox').childNodes[0].innerHTML=str.replace(/\"/g,'');
document.getElementById('marqueeBox').appendChild(document.getElementById('marqueeBox').childNodes[0]);
document.getElementById('marqueeBox').scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
document.getElementById('marqueeBox').scrollTop++;
if(document.getElementById('marqueeBox').scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
</script>
<div id="rollingNewsContent" style="visibility:hidden; display:none;">
<div><a href="http://bbs.master8.net" target="_blank">站长论坛</a></div>
<div><a href="http://www.master8.net" target="_blank">站长吧</a></div>
<div><a href="http://www.master8.net/service/" target="_blank">站长吧建站服务</a></div>
<div><a href="http://www.master8.net/seo/" target="_blank">SEO查询</a></div>
</div>
<div id="indexRollNews">
<div id="marqueeBox" style="overflow:hidden;height: 16px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div id='rollbar'></div></div>
<script language="javascript">
var marqueeContent=new Array();
var temparr = document.getElementById('rollingNewsContent').getElementsByTagName('div');
for (var i=0; i<temparr.length; ++i) {
marqueeContent
= temparr.innerHTML;
}
initMarquee();
</script>
[/code]
分类:网页设计
阅读:
评论: