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需刷新才能执行]
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需刷新才能执行]
相关文章推荐
- js单行消息滚动代码,可添加无数个
- 单行消息滚动代码,可添加无数个
- 无缝滚动;flash播放器代码(网站使用);QQ帮助代码;Js添加属性IE和firefox的区别
- js实现单行文本向上滚动效果实例代码
- js实现单行文本向上滚动效果实例代码
- [JS] 改自网络:单行任意数量条公告循环滚动代码
- 记录 js单行文本滚动代码jquery版
- JS图片滚动代码(无缝、平滑)
- 图片滚动(UP)的JS代码详解(offsetTop、scrollTop、offsetHeigh)【转】
- js图片无缝滚动代码
- JS实现div内部的文字或图片自动循环滚动代码
- Js实现上下左右无缝隙滚动代码 一
- JS不间断横向滚动实现代码
- JS动态添加的div点击跳转到另一页面实现代码
- JS实现图片无间断滚动代码汇总
- Css+Js图片滚动展示代码
- 【js特效】单行多条新闻滚动效果
- js图片向右一张张滚动效果实例代码
- JS动态添加option和删除option(附实例代码)