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 相关文章推荐
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
微信小程序 动态绑定事件并实现事件修改样式
Apr 13 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
在小程序中推送模板消息的实现方法
Jul 22 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 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 远程关机实现代码
2009/11/10 PHP
php实现购物车功能(上)
2020/07/23 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
使用js画图之饼图
2015/01/12 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
python发送邮件接收邮件示例分享
2014/01/21 Python
python:socket传输大文件示例
2017/01/18 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
python 实现控制鼠标键盘
2020/11/27 Python
一套C++笔试题面试题
2012/06/06 面试题
面试后感谢信
2014/02/01 职场文书
个人校本研修方案
2014/05/26 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
庆七一主持词
2015/06/29 职场文书
门面租赁合同范文
2019/08/06 职场文书
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP
Python代码实现双链表
2022/05/25 Python