游戏开发者

专注手机游戏 网页游戏开发 Unity Java

Javascript简单跑马灯

很久前写的简单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、旋转的中心位置(还有点问题)



阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kakashi8841/article/details/6876604
个人分类: Javascript/Ajax
想对作者说点什么? 我来说一句

JavaScript中的跑马灯

跑马灯

qq_28423997 qq_28423997

2017-03-04 12:07:53

阅读数:449

JS 一个很牛逼的跑马灯

2015年06月24日 2KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭