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编辑器和代码格式化
Apr 25 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
ant design vue的form表单取值方法
Jun 01 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
使用php实现快钱支付功能(涉及到接口)
2013/07/01 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
微信小程序开发实现的IP地址查询功能示例
2019/03/28 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
python概率计算器实例分析
2015/03/25 Python
python装饰器深入学习
2018/04/06 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
2021/03/03 Python
HTML5 video进入全屏和退出全屏的实现方法
2020/07/28 HTML / CSS
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
斐乐美国官方网站:FILA美国
2019/03/01 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL