现场演示有趣的javascript效果

2016-02-19 16:43 2 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1612899.html

延伸阅读
标签: Web开发
拖放效果,也叫拖拽,学名Drag-and-drop ,是最常见的js特效之一。 如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。 这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。 虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有...
标签: Web开发
自上一个版本的图片切割效果出来后,虽然也经常看到框架开发这个如何如何容易之类的评论,但也受到很多人的肯定,小弟在此感谢大家的支持。 上一个版本由于是初次接触这类效果,而且是三个大功能一起开发,能力所限,所以仅仅是实现了效果就完成了。 近来我把其中的 拖放效果 和 缩放效果 单独出来研究,经过整理和完善,再套进切割效果,...
标签: Web开发
基本原理分析 Windows关机效果分析 使用Windows系统的用户在关机的时候,出现的界面只允许用户选择关机、注销或取消动作,而桌面上的程序都不能使用,并且屏幕呈现灰色状态。 本例将仿照这种高亮显示的效果在网页上实现. 在网页上运用这种关机效果有什么好处呢?首先,由于单击某一链接后,将用户此时不可用的操作隐藏在后台,将可用的操作...
标签: Web开发
页面加入淡出效果会增加几丝美感! [以下这段加入head和/head之间] SCRIPTLanguage=“JavaScript” !--屏幕变色程序-- functionBgColor() { varx=0,step=1 while(x=0xffffff) { document.bgColor=x x+=step step=8 if(step==0x1000000)step=1 } } BgColor() /Script
制作水立方之前我们需要先搜集一些相关的素材,然后画出立方体(其它立体图形都可以),把水素材贴到立方体的各个面中,调整好透视,颜色,细节等即可。 最终效果 1、搜集素材,扩散思考,想到一个创意,就是确定一个目标,比如说我们现在的目标是水立方体,那么你会想到什么? 2、顺着你想到的东西去找需要的素材。 ...

经验教程

54

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部