带随机功能的文字滚动广告效果JS代码

发表评论 

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();

发表评论