js跑马灯代码(自写)


Posted in Javascript onApril 17, 2013
function cls_marquee(id,id1,id2,sp){ 
this.obj_id=id; 
this.obj_id1=id1; 
this.obj_id2=id2; 
this.speed=sp; 
eval(this.obj_id2+".innerHTML="+this.obj_id1+".innerHTML"); 
function Marquee(){ 
if(eval(id2).offsetTop-eval(id).scrollTop<=0) 
eval(id).scrollTop-=eval(id1).offsetHeight 
else{ 
eval(id).scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,sp) 
eval(this.obj_id).onmouseover=function() {clearInterval(MyMar)} 
eval(this.obj_id).onmouseout=function() {MyMar=setInterval(Marquee,sp)} 
}

自己刚写的一个小程序,写得满一般的。。。。不过这个接口还成
<script type="text/javascript" > 
function show() { 
var info = document.getElementById('Text1'); 
info.value = info.value.substr(1) + info.value[0]; 
} 
setInterval(show, 500); 
function show1() { 
var info1 = document.getElementById('Text2'); 
info1.value = info1.value[info1.value.length-1] + info1.value.substr(0, info1.value.length-1); 
} 
setInterval(show1, 500); 
</script> 
<input id="Text1" type="text" value="欢迎来测试" /> 
<input id="Button1" type="button" value="滚动"/><br /> 
<input id="Text2" type="text" value="北京欢迎您" /> 
<input id="Button2" type="button" value="滚动" onclick="show1()" />
Javascript 相关文章推荐
JS 学习笔记 防止发生命名冲突
Jul 30 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
AngularJS基础学习笔记之指令
May 10 Javascript
Javascript中For In语句用法实例
May 14 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
jQuery中的select操作详解
Nov 29 Javascript
老生常谈jquery id选择器和class选择器的区别
Feb 12 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
Vue基础配置讲解
Nov 29 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 #Javascript
动态加载js和css(外部文件)
Apr 17 #Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 #Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 #Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 #Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 #Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 #Javascript
You might like
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
PHP实现的简单操作SQLite数据库类与用法示例
2017/06/19 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
基于jquery的分页控件(C#)
2011/01/06 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
2013/10/14 Javascript
javascript制作2048游戏
2015/03/30 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
JavaScript字符串对象(string)基本用法示例
2017/01/18 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
js实现返回顶部效果
2017/03/10 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
详解python 发送邮件实例代码
2016/12/22 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
Java基础面试题
2014/07/19 面试题
学校安全工作汇报材料
2014/08/16 职场文书
初中家长评语大全
2014/12/26 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
python的html标准库
2022/04/29 Python