现场演示有趣的javascript效果
2010-09-14 13:07:36 来源:WEB开发网核心提示:看到了这样一段代码,挺有意思的,现场演示有趣的javascript效果,有兴趣的朋友可以试试看找一个有图片的网页(当然本页面即可),然后把这段代码输入到地址栏内运行,,,看看网页上会有什么变化,嘿嘿
看到了这样一段代码,挺有意思的,有兴趣的朋友可以试试看
找一个有图片的网页(当然本页面即可),然后把这段代码输入到地址栏内运行,看看网页上会有什么变化,嘿嘿,挺有意思的
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.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);
细看下这段代码,其实作用就是将网页中所有带<img>标签的内容在浏览器中随机循环运动,所以所以仅仅找一个有图片的网页是不行的,因为如果网页中的图片是从CSS中加入的话,那么代码就不起作用了。。。。所以应该找一些使用<img>标签调用图片的网页来测试该段代码。。。。。
更多精彩
赞助商链接