javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版
第一个 文字上下间隔滚动 修正版
符合WEB标准的文字间隔滚动JS代码
var marqueeContent=new Array(); //滚动新闻
marqueeContent[0]='14:25 HTML/JS互相转换工具-IE7兼容版';
marqueeContent[1]='14:25 css 在线压缩工具';
marqueeContent[2]='14:25 CSS整形与最佳化工具[压缩]';
marqueeContent[3]='14:25 JS Minifier js压缩';
var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2000; //更新时间,毫秒
var marqueeHeight=18; //容器高度
//接下来的是定义一些要使用到的函数
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(document.getElementById("marqueeBox").childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
document.getElementById("marqueeBox").appendChild(nextLine);
}
else {
document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
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]);
}
}
initMarquee();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第二个firefox下运行有些问题。但学习js的朋友可以看下主要是看思路。
JS文字间隔性滚动代码_适合做公告
- packer_至强的javascript在线加密工具
- XHTML 代码嵌套查看工具[标签闭合]
- 我们 在线进制转换 可以实现各类进制间
- 在线JS脚本校验器检测js错误
- 将html转换为php,javascript和asp的在线工具
function marquee(height,speed,delay){
var scrollT;
var pause = false;
var ScrollBox = document.getElementById("shangfan");
if(document.getElementById("holder").offsetHeight = ScrollBox.scrollHeight/2) ScrollBox.scrollTop = 0;
}
else{
clearInterval(scrollT);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
marquee(24,30,3000);
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]