在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享现场演示有趣的javascript效果,希望可以对大家能有小小的帮助。
【 tulaoshi.com - Web开发 】
看到了这样一段代码,挺有意思的,有兴趣的朋友可以试试看
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)找一个有图片的网页(当然本页面即可),然后把这段代码输入到地址栏内运行,看看网页上会有什么变化,嘿嘿,挺有意思的
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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标签调用图片的网页来测试该段代码。。。。。
来源:http://www.tulaoshi.com/n/20160219/1612899.html
看过《现场演示有趣的javascript效果》的人还看了以下文章 更多>>