javascript新闻跑马灯实例代码

 更新时间:2020年07月29日 13:32:43   转载 作者:程序员小菜  
这篇文章主要为大家详细介绍了javascript新闻跑马灯实例代码,所谓的跑马灯就是无缝滚动效果代码,常见于新闻公告之类的功能,需要的朋友可以参考下

本文实例为大家分享了javascript实现的跑马灯效果代码,实现了新闻公告之类的功能,下面提供了一段跑马灯实例供大家参考之用,希望能够对需要的朋友有所帮助。

运行效果图:

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>javascript新闻跑马灯效果</title>
</head>
<script type="text/javascript">
var msg="脚本之家欢迎您//www.jb51.net";
var interval = 100;
var space10="";
var seq=0;
function Scroll() 
{
 document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
 seq++;
 seq++;
 if(seq >msg.length) 
 {
 seq=0 
 }
 window.setTimeout("Scroll();", interval )
} 
</script>
<body onload="Scroll();" >
<center>
<form name="tmForm">
 <input type="text" name="tmText" size="45">
</form>
</center>
</body>
</body>
</html>

希望本文所述对大家学习javascript程序设计有所帮助。

相关文章

  • javascript 跨浏览器的事件系统

    javascript 跨浏览器的事件系统

    从技术上讲,javascript并没有提供内置的系统来实现这个非常重要的事件驱动编程,不过得益于浏览器的DOM 事件模型,这缺点并没有过多地暴露出来。
    2010-03-03
  • JS实现自动固定顶部的悬浮菜单栏效果

    JS实现自动固定顶部的悬浮菜单栏效果

    这篇文章主要介绍了JS实现自动固定顶部的悬浮菜单栏效果,涉及JavaScript针对window.onscroll事件的响应及页面样式动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JS获取鼠标相对位置的方法

    JS获取鼠标相对位置的方法

    这篇文章主要介绍了JS获取鼠标相对位置的方法,涉及javascript事件响应及针对页面元素属性的动态操作技巧,需要的朋友可以参考下
    2016-09-09
  • js+html5实现的自由落体运动效果代码

    js+html5实现的自由落体运动效果代码

    这篇文章主要介绍了js+html5实现的自由落体运动效果,通过JavaScript结合html5元素调用时间函数实时计算实现物体自由下落及动能损耗的效果,需要的朋友可以参考下
    2016-01-01
  • EditPlus 正则表达式 实战(3)

    EditPlus 正则表达式 实战(3)

    这篇文章主要介绍了EditPlus 正则表达式 实战(3)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • JS函数节流和防抖之间的区分和实现详解

    JS函数节流和防抖之间的区分和实现详解

    本文主要介绍的是关于JS中比较常用的函数:节流函数和防抖函数,从概念、使用场景到代码简单实现做了一个详细的区分。感兴趣的小伙伴们可以参考一下
    2019-01-01
  • ES6 Object方法扩展的应用实例分析

    ES6 Object方法扩展的应用实例分析

    这篇文章主要介绍了ES6 Object方法扩展的应用,结合实例形式总结分析了ES6针对对象方法的扩展与优化,需要的朋友可以参考下
    2019-06-06
  • 函数window.open实现关闭所有的子窗口

    函数window.open实现关闭所有的子窗口

    这篇文章主要介绍了函数window.open实现关闭所有的子窗口的相关资料,需要的朋友可以参考下。
    2015-08-08
  • JavaScript 原型继承之构造函数继承

    JavaScript 原型继承之构造函数继承

    JavaScript 是基于原型的面向对象语言。也就是说,每个实例对象都具有一个原型。对象从该原型中继承属性和方法。这一篇将具体说说构造函数的继承。
    2011-08-08
  • layui radio单选限制下一个radio单选的实例

    layui radio单选限制下一个radio单选的实例

    今天小编就为大家分享一篇layui radio单选限制下一个radio单选的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论