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 相关文章推荐
javascript与CSS复习(《精通javascript》)
Jun 29 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
Swiper实现导航栏滚动效果
Oct 16 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 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
模拟xcopy的函数
2006/10/09 PHP
用Zend Encode编写开发PHP程序
2006/10/09 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
2018/08/31 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
简单了解python数组的基本操作
2019/11/26 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
Elizabeth Gage官网:英国最好的珠宝设计之一
2020/09/26 全球购物
JAVA和C++的区别
2013/10/06 面试题
施工资料员的岗位职责
2013/12/22 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
大学生求职信范文
2014/05/24 职场文书
租赁协议书
2015/01/27 职场文书
悬崖上的金鱼姬观后感
2015/06/15 职场文书
2019商业计划书格式、范文
2019/04/24 职场文书
HTML速写之Emmet语法规则的实现
2021/04/07 HTML / CSS
python神经网络ResNet50模型
2022/05/06 Python
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS