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检查图片大小不要让大图片撑破页面
Nov 04 Javascript
Express的路由详解
Dec 10 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
基于Vue中的父子传值问题解决
Jul 27 Javascript
javascript解析json格式的数据方法详解
Aug 07 Javascript
JavaScript中Object、map、weakmap的区别分析
Dec 15 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
获取元素距离浏览器周边的位置的方法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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
简单实用的.net DataTable导出Execl
2013/10/28 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
JavaScript window.location对象
2014/11/14 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
2017/02/28 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
关于Numpy数据类型对象(dtype)使用详解
2019/11/27 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
入党宣誓仪式主持词
2015/06/29 职场文书
2016年教师节慰问信
2015/12/01 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL