WEB开发网
开发学院网页设计JavaScript 现场演示有趣的javascript效果 阅读

现场演示有趣的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>标签调用图片的网页来测试该段代码。。。。。

Tags:现场 演示 有趣

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接