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程序设计有所帮助。
相关文章
js判断手机是否安装并打开app,未安装则安装app【兼容Android、ios,亲测可用】
这篇文章主要介绍了js判断手机是否安装并打开app,未安装则安装app,通过调用浏览器判断app,兼容Android、ios等系统,,需要的朋友可以参考下2023-05-05
js表单元素checked、radio被选中的几种方法(详解)
下面小编就为大家带来一篇js表单元素checked、radio被选中的几种方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-08
JavaScript修改css样式style动态改变元素样式
修改css样式style在某些情况下还是比较实用的,可以动态改变一些样式,接下来为大家介绍下使用JavaScript是如何做到的2013-12-12
js遍历详解(forEach, map, for, for...in, for...of)
在本篇文章里小编给大家整理的是关于js中的各种遍历(forEach, map, for, for...in, for...of)相关知识点用法总结,需要的朋友们参考下。2019-08-08


最新评论