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、旋转的中心位置(还有点问题)



原创粉丝点击