现场演示有趣的javascript效果

小男子188

小男子188

2016-02-19 16:43

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享现场演示有趣的javascript效果,希望可以对大家能有小小的帮助。

  看到了这样一段代码,挺有意思的,有兴趣的朋友可以试试看

(本文来源于图老师网站,更多请访问https://m.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标签调用图片的网页来测试该段代码。。。。。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

现场演示有趣的javascript效果

Web开发
现场演示有趣的javascript效果

Javascript的荧光字效果

Web开发
Javascript的荧光字效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript实现的listview效果

Web开发
javascript实现的listview效果

有趣的Flash鼠标跟随效果(2)

flash教程
有趣的Flash鼠标跟随效果(2)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript 弹出层效果

Web开发
JavaScript 弹出层效果

有趣的Flash鼠标跟随效果(1)

flash教程
有趣的Flash鼠标跟随效果(1)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

教你在oracle中编写树级代码

教你在oracle中编写树级代码

不要忘了为你的JavaScript命名

不要忘了为你的JavaScript命名
下拉加载更多内容 ↓