脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js跑马灯

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()" />
您可能感兴趣的文章:

相关文章

  • 微信小程序实现比较功能的方法汇总(五种方法)

    微信小程序实现比较功能的方法汇总(五种方法)

    这篇文章主要介绍了微信小程序实现比较功能的方法，本文给大家列举出五种方式，每种方法通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 使用plupload自定义参数实现多文件上传

    使用plupload自定义参数实现多文件上传

    这篇文章主要介绍了使用plupload自定义参数实现多文件上传的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-07-07
  • 基于JavaScript编写一个图片转PDF转换器

    基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目，可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片，只需点击一下即可将其转换为 PDF 文件，感兴趣的可以动手尝试一下
    2022-07-07
  • javascript中全局对象的parseInt()方法使用介绍

    javascript中全局对象的parseInt()方法使用介绍

    全局对象的parseInt()方法该如何使用，下面为大家详细介绍下，感兴趣的朋友不要错过
    2013-12-12
  • JS基础之逻辑结构与循环操作示例

    JS基础之逻辑结构与循环操作示例

    这篇文章主要介绍了JS基础之逻辑结构与循环操作,结合实例形式分析了JavaScript逻辑判断、流程控制、循环语句等相关操作技巧,需要的朋友可以参考下
    2020-01-01
  • JS自定义滚动条效果

    JS自定义滚动条效果

    这篇文章主要为大家详细介绍了JS自定义滚动条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • Js可拖拽放大的层拖动特效实现方法

    Js可拖拽放大的层拖动特效实现方法

    这篇文章主要介绍了Js可拖拽放大的层拖动特效实现方法,涉及javascript操作DOM元素及css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • Bootstrap表单Form全面解析

    Bootstrap表单Form全面解析

    在进行自己的后台改版时，大体布局都使用了bootstrap，剩下的表单部分没理由不去使用它，对于表单的美化和布局，bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析，感兴趣的朋友一起看下吧
    2016-06-06
  • Javascript:为input设置readOnly属性(示例讲解)

    Javascript:为input设置readOnly属性(示例讲解)

    本篇文章主要是对Javascript中为input设置readOnly属性的示例代码进行了介绍。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • javascript实现的登陆遮罩效果汇总

    javascript实现的登陆遮罩效果汇总

    小编给大家推荐几款使用Javascript实现的遮罩效果登陆框，其实这种效果是很常见的，在许多互动的社区及其它的一些地方，弹出框应用想当流行，在不妨碍网页运行的情况下，用户可以输入登录信息，实现完美登录。
    2015-11-11

最新评论