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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
js单例模式的两种方案
Oct 22 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
JavaScript运动框架 多值运动(四)
May 18 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
Vue分页器实现原理详解
Jun 28 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
利用PHP扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
php url路由入门实例
2014/04/23 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
php输出形式实例整理
2020/05/05 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
jquery遍历checkbox的注意事项说明
2014/02/21 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
集体备课反思
2014/02/12 职场文书
运动会广播稿100字
2014/09/14 职场文书
工作所在部门证明
2014/09/21 职场文书
未婚证明范本
2015/06/15 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
2016年师德师风学习心得体会
2016/01/12 职场文书