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 相关文章推荐
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
js 图片随机不定向浮动的实现代码
Jul 02 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 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
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
php实现购物车功能(上)
2020/07/23 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
更高效的使用JQuery 这里总结了8个小技巧
2016/04/13 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
删除table表格行的实例讲解
2017/09/21 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
Vue函数式组件-你值得拥有
2019/05/09 Javascript
JS正则表达式封装与使用操作示例
2019/05/15 Javascript
JS学习笔记之数组去重实现方法小结
2019/05/29 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
Python解析微信dat文件的方法
2020/11/30 Python
jupyter 添加不同内核的操作
2021/02/06 Python
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
新媒传信软件测试面试题
2013/02/24 面试题
详细的大学生创业计划书模板
2014/01/27 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
意外伤害赔偿协议书范本
2014/09/28 职场文书
质量保证书
2015/01/17 职场文书
营业员岗位职责
2015/02/11 职场文书
PyCharm 配置SSH和SFTP连接远程服务器
2022/05/11 Python