var marqueeContent=new Array(); //滚动主题 marqueeContent[0]='<a href="http://www.lifu.in/hongjiu" target="_blank">+ 点击我!网上买正品法国波尔多干红葡萄酒</a>'; marqueeContent[1]='<a href="http://www.13rich.com/chashaobao.html" target="_blank">+ 洛天依:有人吃的多有人吃的少,有人吃饱了又了还饿着?</a>'; marqueeContent[2]='<a href="http://www.lifu.in/nanjing-techan" target="_blank">+ 点击我!南京特产网上卖!盐水鸭、泡椒凤爪、云锦框画、夫子庙美食</a>'; marqueeContent[3]='<a href="http://www.oosky.net/how-the-universe-works.html" target="_blank">+ 恒星世界在暴力中诞生,也在暴力中消亡!《了解宇宙如何运行》</a>'; marqueeContent[4]='<a href="http://www.lifu.in/sijin" target="_blank">+ 点击我!祥义号、宝石蝶等真丝睡衣、真丝丝巾等品牌网上卖</a>'; marqueeContent[5]='<a href="http://www.lifu.in/dian/1.html" target="_blank">+ 点击我!飞碟说、《娱乐猛回头》等100个最搞笑系列视频</a>'; marqueeContent[6]='<a href="http://www.lifu.in/quban" target="_blank">+ 女人必看!瓷肌、芦荟胶去黄补水保湿淡斑的好办法</a>'; marqueeContent[7]='<a href="http://www.5sing.info/yihonglian.html" target="_blank">+ 点击我!虚拟萝莉歌手的古风音乐《忆红莲》欣赏</a>'; var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量 var marqueeId=0; var marqueeDelay=5000; var marqueeHeight=60; function initMarquee() { var number=Math.floor(Math.random()*8); marqueeId=number; var str=marqueeContent[marqueeId]; 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++; if(marqueeId>=marqueeContent.length) marqueeId=0; 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()",10); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){ clearInterval(marqueeInterval[1]); } } initMarquee();
对以上代码进行改编可以变成三行滚动的代码。
var marqueeContent=new Array(); //滚动主题 marqueeContent[0]='<a href="http://www.lifu.in/hongjiu" target="_blank">+ 点击我!网上买正品法国波尔多干红葡萄酒</a>'; marqueeContent[1]='<a href="http://www.13rich.com/chashaobao.html" target="_blank">+ 洛天依:有人吃的多有人吃的少,有人吃饱了又了还饿着?</a>'; marqueeContent[2]='<a href="http://www.lifu.in/nanjing-techan" target="_blank">+ 点击我!南京特产网上卖!盐水鸭、泡椒凤爪、云锦框画、夫子庙美食</a>'; marqueeContent[3]='<a href="http://www.oosky.net/how-the-universe-works.html" target="_blank">+ 恒星世界在暴力中诞生,也在暴力中消亡!《了解宇宙如何运行》</a>'; marqueeContent[4]='<a href="http://www.lifu.in/sijin" target="_blank">+ 点击我!祥义号、宝石蝶等真丝睡衣、真丝丝巾等品牌网上卖</a>'; marqueeContent[5]='<a href="http://www.lifu.in/dian/1.html" target="_blank">+ 点击我!飞碟说、《娱乐猛回头》等100个最搞笑系列视频</a>'; marqueeContent[6]='<a href="http://www.lifu.in/quban" target="_blank">+ 女人必看!瓷肌、芦荟胶去黄补水保湿淡斑的好办法</a>'; marqueeContent[7]='<a href="http://www.5sing.info/yihonglian.html" target="_blank">+ 点击我!虚拟萝莉歌手的古风音乐《忆红莲》欣赏</a>'; var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量 var marqueeId=0; var marqueeDelay=5000; var marqueeHeight=52; function initMarquee() { var number=Math.floor(Math.random()*8); marqueeId=number; var str=marqueeContent[marqueeId]; 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++; if(marqueeId>=marqueeContent.length) marqueeId=0; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1||marqueeBox.childNodes.length==2||marqueeBox.childNodes.length==3) { 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()",10); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ marqueeBox.scrollTop++; clearInterval(marqueeInterval[1]); } } initMarquee();