javascript新闻跑马灯实例代码


Posted in Javascript onJuly 29, 2020

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

运行效果图:

javascript新闻跑马灯实例代码

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>javascript新闻跑马灯效果</title>
</head>
<script type="text/javascript">
var msg="三水点靠木欢迎您//3water.com";
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 相关文章推荐
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
vue 添加vux的代码讲解
Nov 30 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
javascript动态添加checkbox复选框的方法
Dec 23 #Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 #Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 #Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 #Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 #Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 #Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 #Javascript
You might like
php数组去重实例及分析
2013/11/26 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
Jquery中对数组的操作代码
2011/08/12 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
js如何实现元素曝光上报
2019/08/07 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
python3 与python2 异常处理的区别与联系
2016/06/19 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
应聘护士自荐信
2013/10/21 职场文书
餐饮主管岗位职责
2013/12/10 职场文书
关于爱情的广播稿
2014/01/16 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
《将心比心》教学反思
2016/02/23 职场文书
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android