js文本框走动跑马灯效果代码分享


Posted in Javascript onAugust 25, 2015

本文实例讲述了js实现文本框走动跑马灯效果。分享给大家供大家参考。具体如下:

运行效果图:

js文本框走动跑马灯效果代码分享

小提示:直接复制下面分享的代码即可运行,大家可以自定义文字。
为大家分享的js实现文本框走动跑马灯效果代码如下

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框走动跑马灯代码</title>
</head>
<SCRIPT Language="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>

以上就是为大家分享的js实现文本框走动跑马灯效果代码,希望大家可以喜欢。

Javascript 相关文章推荐
jCallout 轻松实现气泡提示功能
Sep 22 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 Javascript
JavaScript基础语法之js表达式
Jun 07 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
jQuery实现图片左右滚动特效
Apr 20 #Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 #Javascript
jquery图片滚动放大代码分享(1)
Aug 25 #Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 #Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 #Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 #Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 #Javascript
You might like
解析PHP可变函数的经典用法
2013/06/20 PHP
php实现的RSS生成类实例
2015/04/23 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
PHP正则表达式匹配替换与分割功能实例浅析
2017/02/04 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
vue.js实现三级菜单效果
2019/10/19 Javascript
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
详细解析Python当中的数据类型和变量
2015/04/25 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
详解python3类型注释annotations实用案例
2021/01/20 Python
Python tkinter实现日期选择器
2021/02/22 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
婚庆司仪主持词
2014/03/15 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL