三段好玩的js代码

最新推荐文章于 2024-08-11 10:54:24 发布

王彦清

最新推荐文章于 2024-08-11 10:54:24 发布

阅读量3.4k

点赞数 2

分类专栏： Web 文章标签： javascript

Web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

打开一个网页（需要网页中存在图片），将下面任何一段JavaScript代码copy到浏览器地址栏（代码不能换行），然后敲回车，你就可以看到页面的图片变了。。。

代码1：图片倒立

javascript:for(i=0;i<document.images.length;i++){ document.images[i].style.filter='FlipV';};void(0);

代码2：图片转动

Javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI=document.images;DIL=DI.length;function A(){for(i=0;i-DIL;i++){DIS=DI[i].style;DIS.position='absolute';DIS.left=Math.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);

代码3：图片绕圈转

javascript:w=screen.availWidth/2;h=screen.availHeight/2;r=h-100;objs=document.images;allIns=[0];incre=2*Math.PI/objs.length;function circle(){for(m=0;m<objs.length;m++){allIns[m+1]=allIns[m]+incre;x=r*Math.cos(allIns[m])+w;y=r*Math.sin(allIns[m])+h;allIns[m]+=0.00872;objs[m].style.position="absolute";objs[m].style.left=x;objs[m].style.top=y-75;};};setInterval(circle,5);void(0);