js跑马灯代码(自写)

183 阅读 0 评论 121 点赞

我是靠谱客的博主糟糕小鸭子，最近开发中收集的这篇文章主要介绍js跑马灯代码(自写)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
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()" /> 