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需刷新才能执行]

(0)

相关推荐

  • cookie在javascript中的使用技巧以及隐私在服务器端的设置

    读取cookie字符串方法: 复制代码 代码如下: alert(document.cookie); 一个网站的cookie字符串包含了该站点域名下的所有cookie(javascript 可访问的,不包括 httponly 的cookie ),多个cookie之间用分号和一个空格隔开,最多一般是 20个或50个,例如,包含2个cookie的字符串格式为 复制代码 代码如下: document.cookie = "key1=value1; key2=value2" 一个cookie字符串

  • javascript间隔刷新的简单实例

    复制代码 代码如下: <script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',5000); //指定5秒刷新一次,5000处可自定义设置,1000为1秒 </script>

  • 用javascript实现计算两个日期的间隔天数

    ASP 里面计算两个时间的差距可以 DateDiff,但 javascript 里面没有,需要手写函数. js 里面居然可以直接 Date1-Date2,而且还是转换为毫秒计算时间差的. 复制代码 代码如下: // 计算两个日期的间隔天数  function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式   var aDate, oDate1, oDate2, iDays   aDate = sDate1.split("-"

  • javascript间隔定时器(延时定时器)学习 间隔调用和延时调用

    用setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环 用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量. 复制代码 代码如下: <script type="text/javascript">    var n = 0;    function print(){        document.writeln(n); if(n==1

  • JavaScript使用focus()设置焦点失败的解决方法

    昨天修改机顶盒上面的EPG页面,遇到一个小问题.用户购买游戏时需要弹出购买确认对话框,对话框的默认焦点规定必须停留在"取消"按键上.很简单的需求,使用JavaScript的focus()方法就可以实现了.简单的代码示例如下: document.getElementById("cancel").focus() 但是苦逼的是,机顶盒真是一个大坑.由于要兼容所有现存的机顶盒型号,需要对8款机顶盒进行适配.然后就出现问题了!一款中兴B600的机顶盒完全没法将焦点设置到取消按

  • JavaScript(js)设置默认输入焦点(focus)

    常常会在回复和引用里使用此功能,即单击回复或引用,如让输入焦点出现在留言输入框中,如果使用锚来定位,输入焦点就不能激活了. 复制代码 代码如下: javascript:document.getElementById("id").focus(); 或javascript:document.all.id.focus(); 或javascript:document.all.name.focus(); 例子: 复制代码 代码如下: <input type="text"

  • Javascript中设置默认参数值示例

    第一种: function test(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9 return a+b; 其等价为 function test(){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? argume

  • javascript 三种方法实现获得和设置以及移除元素属性

    以下面的html为例 复制代码 代码如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通过HTMLElement类型(对象)的属性获得和

  • javascript设置连续两次点击按钮时间间隔的方法

    本文实例讲述了javascript设置连续两次点击按钮时间间隔的方法,分享给大家供大家参考.具体实现方法如下: 很多时候我们在实际应用中,可能并不希望按钮联系被不间断的点击,所以要限定一定的时间间隔才能够再次点击按钮,下面就通过代码实例介绍一下如何实现此功能,代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="a

  • javascript简单实现表格行间隔显示颜色并高亮显示

    复制代码 代码如下: <script type="text/javascript"> var name; //存储tr对象的类名,当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; for(var x=1;x<trNodes.length;x++)

随机推荐