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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
优化 JavaScript 代码的方法小结
Jul 16 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 Javascript
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
Terran建筑一览
2020/03/14 星际争霸
php GeoIP的使用教程
2011/03/09 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
PHP实现截取中文字符串不出现?号的解决方法
2016/12/29 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
javascript与有限状态机详解
2014/05/08 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
js表单验证实例讲解
2016/03/31 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
Python爬取qq空间说说的实例代码
2018/08/17 Python
python实现代码统计器
2019/09/19 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
歌唱比赛主持词
2014/03/18 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
关于学习的决心书
2015/02/05 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
MySQL数据库表约束讲解
2022/06/21 MySQL