当前位置: |
做网站这么久,大家可能都会写代码枯燥无味。其实不然,其中也有很多有趣的代码,你是否发现了呢?下面,新森林网络 就与大家一起来分享5个有趣的 java script 代码片段。通过这篇文章,你一定会发现,原来java script能做很多有趣的事情。那如何使用这些代码呢?你只需将以下代码片段拷贝到浏览器地址栏上,回车一下,奇迹就发生了。赶紧试试吧?
1、让浏览器抖起来
改变浏览器窗口尺寸到普通模式,可能半屏的效果是最好的。把下面的代码贴到地址栏,按Enter键(貌似只有IE有效果)。
java script:function Shw(n) {if (self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); }}}} Shw(6);
2、让网页可编辑
此java script代码,可以让你实时修改任何的网页,在Firefox中,你甚至可以把修改的网页保存到起来,对于网页设计者来说,这个功能可以辅助完善页面效果。拿起鼠标,P出你心中的网站来吧!java script:document.body.contentEditable='true'; document.designMode='on'; void(0);
3、让图片飞起来
只要把下面的代码贴到浏览器的地址栏里然后按Enter键,当前网页的所有图片都将动起来。
java script:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); 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+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)
这段代码很有趣。赶紧来尝试一下吧。让新森林网络的公司网站里的图片也飞起来吧。
不过前提是需要在ie下运行,否则代码的效果可能会失效。
Tags:3个有趣的js代码片段 | 责任编辑:newfocnjiao |
【大 中 小】【打印】 【繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部】 | |
分享到:
|
|