js跑马灯代码(自写)

 更新时间:2013年04月17日 11:44:04   作者:  
自己刚写的一个小程序,写得满一般的,不过这个接口还成,感兴趣的朋友可以参考下哈,希望对你学习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()" />

相关文章

  • 开发用到的js封装方法(20种)

    开发用到的js封装方法(20种)

    在本问中我们给大家总结了20种开发中常用到的JS封装方法,有需要的读者们可以学习下。
    2018-10-10
  • JS实现可视化音频效果的实例代码

    JS实现可视化音频效果的实例代码

    这篇文章主要介绍了JS实现可视化音频效果的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript原型对象、构造函数和实例对象功能与用法详解

    JavaScript原型对象、构造函数和实例对象功能与用法详解

    这篇文章主要介绍了JavaScript原型对象、构造函数和实例对象功能与用法,结合实例形式分析了javascript面向对象相关原型对象、构造函数及实例对象的概念、功能与相关使用技巧,需要的朋友可以参考下
    2018-08-08
  • 用JS获得表格当前行数的代码

    用JS获得表格当前行数的代码

    用JS获得表格当前行数的代码...
    2007-01-01
  • js让一行页脚保持在底部

    js让一行页脚保持在底部

    所谓保持在底部就是: 在内容不超过一屏的情况下, 当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;
    2008-04-04
  • Electron 结合 Selenium + chromedriver 驱动服务实现浏览器多开思路详解

    Electron 结合 Selenium + chromedriver 

    这篇文章主要介绍了Electron 结合 Selenium + chromedriver 驱动服务实现浏览器多开思路详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-07-07
  • javascript编写简易计算器

    javascript编写简易计算器

    这篇文章主要为大家详细介绍了javascript编写简易计算器的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js获取时间函数及扩展函数的方法

    js获取时间函数及扩展函数的方法

    下面小编就为大家带来一篇js获取时间函数及扩展函数的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JS如何将秒数转化为时分秒的形式

    JS如何将秒数转化为时分秒的形式

    在实际工作中经常会遇见把秒数转化为时分秒的问题,如何处理呢?下面这篇文章主要给大家介绍了关于JS如何将秒数转化为时分秒形式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • javascript 获取元素位置的快速方法 getBoundingClientRect()

    javascript 获取元素位置的快速方法 getBoundingClientRect()

    有一种快速获得网页元素的位置。那就是使用getBoundingClientRect()方法。
    2009-11-11

最新评论