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 相关文章推荐
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
jquery点击改变class并toggle的实现代码
May 15 Javascript
JS中传递参数的几种不同方法比较
Jan 20 Javascript
vue组件实现进度条效果
Jun 06 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
jquery插件开发模式实例详解
Jul 20 jQuery
react用Redux中央仓库实现一个todolist
Sep 29 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 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
我的论坛源代码(八)
2006/10/09 PHP
php操作redis中的hash和zset类型数据的方法和代码例子
2014/07/05 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
python中的lambda表达式用法详解
2016/06/22 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
详解python中*号的用法
2019/10/21 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
幼儿园实习自我鉴定
2013/12/15 职场文书
双十佳事迹材料
2014/01/29 职场文书
进步之星获奖感言
2014/02/22 职场文书
出售房屋协议书范本
2014/10/06 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python