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 相关文章推荐
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
Dec 14 Javascript
红米手机抢购的js代码
Mar 10 Javascript
setTimeout学习小结
Feb 08 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
JavaScript fetch接口案例解析
Aug 30 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 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
destoon安全设置中需要设置可写权限的目录及文件
2014/06/21 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
学习ExtJS Panel常用方法
2009/10/07 Javascript
JS 控件事件小结
2012/10/31 Javascript
jQuery中:file选择器用法实例
2015/01/04 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
原生js实现文件上传、下载、封装等实例方法
2020/01/05 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python实现堆排序的方法详解
2016/05/03 Python
Python使用plotly绘制数据图表的方法
2017/07/18 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
Python 定义只读属性的实现方式
2020/03/05 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
python中@contextmanager实例用法
2021/02/07 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
波兰购物网站:MALL.PL
2019/05/01 全球购物
运动会四百米广播稿
2014/01/19 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS