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

相关文章

  • 第一次动手实现bootstrap table分页效果

    第一次动手实现bootstrap table分页效果

    这篇文章主要为大家详细介绍了第一次动手实现bootstrap table分页效果的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Javascript 匿名函数及其代码模式原理

    Javascript 匿名函数及其代码模式原理

    很多同学知道怎么用这种匿名函数,却或许并不明白为什么这样写就能够调用匿名函数。也许知道后面的圆括号是执行前面的函数,而并不清楚前面的圆括号具有何种含义!本文将带你了解匿名函数的代码模式原理。
    2010-03-03
  • javascript实现继承的简单实例

    javascript实现继承的简单实例

    这篇文章主要介绍了javascript实现继承的简单实例的相关资料,需要的朋友可以参考下
    2015-07-07
  • JavaScript中object和Object的区别(详解)

    JavaScript中object和Object的区别(详解)

    下面小编就为大家带来一篇JavaScript中object和Object的区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Javasipt:操作radio标签详解

    Javasipt:操作radio标签详解

    本篇文章主要介绍了Javasipt:操作radio标签。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 限制复选框最多选择项的实现代码

    限制复选框最多选择项的实现代码

    下面小编就为大家带来一篇限制复选框最多选择项的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JS 组件系列之 bootstrap treegrid 组件封装过程

    JS 组件系列之 bootstrap treegrid 组件封装过程

    最近产品需要设计一套相对完整的组织架构的解决方案,由于组织架构涉及到层级关系,在表格里面展示层级关系,自然就要用到所谓的treegrid。下面小编通过本文给大家分享JS 组件系列之 bootstrap treegrid 组件的封装过程,需要的朋友可以参考下
    2017-04-04
  • 微信小程序使用wx.chooseLocation开发地图怎么做

    微信小程序使用wx.chooseLocation开发地图怎么做

    这篇文章主要介绍了微信小程序使用wx.chooseLocation开发地图流程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-12-12
  • JS下拉缓冲菜单示例代码

    JS下拉缓冲菜单示例代码

    下拉缓冲菜单效果想必大家都有见过吧,在本文使用JS轻松实现下,想学习的朋友可以参考下
    2013-08-08
  • javascript中普通函数的使用介绍

    javascript中普通函数的使用介绍

    本文为大家介绍下javascript中普通函数的使用,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12

最新评论