Javascript简单跑马灯
来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 05:26 点击:次
很久前写的简单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、旋转的中心位置(还有点问题)
摘自:GUI帝国
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>