Javascript简单跑马灯
来源:互联网 发布:淘宝联盟是什么 编辑:程序博客网 时间:2024/05/02 00:05
很久前写的简单JS,让页面元素旋转起来:
复制下面代码粘贴在地址栏,然后回车即可(IE6\7\8测试通过):
javascript:r=100;shita=0;function a(element,speed,size,position){var ee=document.getElementsByTagName(element);if(!ee) return false;setInterval(function(){for(i=0;i<ee.length;i++){shita++;shita=shita*speed;a=r*Math.sin(shita);b=r*Math.cos(shita);ee[i].style.width=size;ee[i].style.height=size;ee[i].style.overflow="hidden";ee[i].style.border="solid 1px red";ee[i].style.position="absolute";ee[i].style.top=b+r*position;ee[i].style.left=a+r*position;}},100);}window.onload=a("div",1,50,1);
最后那个a函数的四个参数分别是:
1、要旋转的标签
2、速度
3、旋转方块大小
4、旋转的中心位置(还有点问题)
- Javascript简单跑马灯
- javascript 跑马灯
- javascript 跑马灯
- javascript跑马灯
- javascript实现跑马灯
- JavaScript 跑马灯源码
- Javascript--跑马灯代码
- JavaScript跑马灯
- JavaScript中的跑马灯
- 简单实现跑马灯
- 跑马灯简单实现
- JavaScript实现跑马灯效果
- 跑马灯效果的JavaScript
- Javascript之图片跑马灯
- JavaScript 学习笔记 跑马灯
- 【HTML+javaScript】滚动-跑马灯
- 简单的跑马灯效果
- 简单实现跑马灯效果
- 默认构造函数的访问权限
- Java nio 学习笔记(二) Charset(字符集)与Selector(异步IO)的知识
- uboot makefile分析
- 神奇的图像处理算法
- Java nio 学习笔记(三)
- Javascript简单跑马灯
- Ajax 小节
- 菲波那锲数列
- [Hacking]How to hack
- jQuery 小节
- Struts1_03_控制器组件
- TextView部分文字响应跳转到新的Activity并且传值
- winform compatibility with IE8
- 写小计时器时犯了个很傻的错误。。。(好傻啊:P)