您的位置:首页 > Web前端 > JavaScript

js单行消息滚动代码,可添加无数个

2010-11-03 00:00 477 查看
滚动最新消息代码

td {font-size: 12px;}









最新消息:

var marqueeContent=new Array(); //滚动主题

marqueeContent[0]='学习编程,欢迎访问源码爱好者!';
marqueeContent[1]='精品源代码下载。';
marqueeContent[2]='专注于提供编程源码及素材下载及实例教程。';
marqueeContent[3]='旅行是需要一种心情,更重要的是,需要一种冲动。';
marqueeContent[4]='随时用零碎的时间(如等人、排队等)做零碎的事情。';
var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=15;
function initMarquee() {
var str=marqueeContent[0];
document.write(''+str+'');
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()",10);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();




[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: