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 相关文章推荐
gridpanel动态加载数据的实例代码
Jul 18 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
jquery实现pager控件示例
Apr 09 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
在vue组件中使用axios的方法
Mar 16 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 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相当简单的分页类
2008/10/02 PHP
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
js 字符串操作函数
2009/07/25 Javascript
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
js变换显示图片的实例
2013/04/16 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
2017/02/12 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python中的Classes和Metaclasses详解
2015/04/02 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
Python实现Linux监控的方法
2019/05/16 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
2021/03/03 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
英语自荐信常用语句
2013/12/13 职场文书
村官学习十八大感想
2014/01/15 职场文书
学生检讨书范文
2014/10/30 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
湘江北去观后感
2015/06/15 职场文书
上班旷工检讨书
2015/08/15 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫