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时ie6和ie7,ff的区别
Aug 19 Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
这些年、我收集的JQuery代码小结
Aug 01 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
vue+canvas实现移动端手写签名
May 21 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
使用php4加速网络传输
2006/10/09 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
PHP设计模式之迭代器模式
2016/06/17 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
python区块及区块链的开发详解
2019/07/03 Python
python爬虫之遍历单个域名
2019/11/20 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
医学专业毕业生推荐信
2013/11/14 职场文书
总裁助理岗位职责
2014/02/17 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
《雷雨》教学反思
2016/02/20 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang