javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

发布网友 发布时间：2023-08-24 06:18

我来回答

共1个回答

热心网友 时间：2024-10-22 14:36

第一个
文字上下间隔滚动
修正版
符合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需刷新才能执行]