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 相关文章推荐
JavaScript Distilled 基础知识与函数
Apr 07 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
jquery插件Jplayer使用方法简析
Apr 22 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
js转html实体的方法
Sep 27 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
vue router返回到指定的路由的场景分析
Nov 10 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
用PHP ob_start()控制浏览器cache、生成html实现代码
2010/02/16 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
PHP整合PayPal支付
2015/06/11 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
php如何获取Http请求
2020/04/30 PHP
JS 文件大小判断的实现代码
2010/04/07 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
Nodejs模块载入运行原理
2018/02/23 NodeJs
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
Python遍历目录的4种方法实例介绍
2015/04/13 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
HTML5之SVG 2D入门7—SVG元素的重用与引用
2013/01/30 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
荷兰皇家航空公司中国官网:KLM中国
2017/12/13 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
海飞丝的广告词
2014/03/20 职场文书
精神文明单位申报材料
2014/05/02 职场文书
单位工作证明范文
2014/09/14 职场文书
晋江市人民政府党组群众路线教育实践活动整改方案
2014/10/25 职场文书
小学端午节活动总结
2015/02/11 职场文书
幼儿园个人总结
2015/02/28 职场文书
起诉意见书范文
2015/05/19 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
python单元测试之pytest的使用
2021/06/07 Python