关闭

3个有趣的js代码片段

2012-10-30 16:39:00 | 来源:新森林 | 浏览:34231| 评论:12|

    做网站这么久,大家可能都会写代码枯燥无味。其实不然,其中也有很多有趣的代码,你是否发现了呢?下面,新森林网络 就与大家一起来分享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
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
更多
分享到: 
您看到此篇文章时的感受是:
相关评论
用户名: 密码: (新用户注册)   验证码:

相关文章

热门文章

推荐文章

  • 8年专业网站建设经验
  • 江西专业网站建设公司
  • 2000家客户案例实施成果
  • 网络营销与建站技术并重
  • 500强集团公司网站建设供应商
  • 省十强互联网
    服务公司
  • 全国巡回授课分享网站建设经验
  • 营销型网站建设领先者
  • 电子商务专业定点实习单位