RSS

3个有趣的浏览器JavaScript代码

  2008年7月27日    

 小浒子    

 950    

 趣味玩法    

   ,

        今天给大家介绍3个有趣的JavaScript特效,相信可以给你长时间的网上冲浪带来另一种感觉,现在很佩服那些技术人员,永远都可以用技术来实现你所想不到的,而这些又是哪么的有趣和生动。
        先来看看什么是JavaScript?JavaScript是WWW上的一种功能强大的编程语言,用于开发交互式的 Web 页面。它不仅可以直接应用于 HTML 文档以获得交互式效果或其他动态效果,而且可以运行于服务器端,从而替代传统的 CGI 程序。具体可以看《什么是JavaScript》

1、编辑网页

在地址栏输入下面的代码按enter,网页上所有元素都能变成可编辑状态,你可以移动、调整元素大小。

代码如下:

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0


这是经我重新编辑的google.cn:

2、无敌风火轮

在地址栏运行下面的代码可使页面上所有图片元素一个接一个地转圈。

这种效果最好的实现地方就是图片搜索了:

改变代码里的“img”成任何网页上有的字符,可以使这些字符做无敌风火轮运动。

代码如下:

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.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++}setInterval(’A()’,5); void(0);

3、晃来晃去
不但是你,浏览器也不是那么喜欢这个javascript。在地址栏运行这个代码后,浏览器会迅速地晃来晃去。代码如下:

javascript:function flood(n) {if (self.moveBy) {for (i = 200; 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); } } }}flood(6);{ var inp = “D-X !msagro na dah tsuj resworb rouY”; var outp = “”; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse

如果这个代码无效,请将”&gt;”改成”>”,”&It;’改成”<”。(这个本人没有实验成功~大家可以试试看~)

本文转载修改自:http://www.mrsakura.com/logs/25318752.html

您可能对这些文章也感兴趣:

欢迎订阅我的博客:

您订阅了我的博客吗? 啥,还没有? 还不赶快通过下面的链接订阅我的博客! 嘿嘿!

    单击开始订阅我的博客


联系本日志的作者

有 13 位朋友,不但点了我的博客还留言了!

  1. playboy com 留下评论:

    ..was just passing by.. good work

    [回复此评论]

  2. Italiak1 留下评论:

    Thank you for valuable information.

    [回复此评论]

  3. iiren 留下评论:

    有点意思 :快乐:

    [回复此评论]

  4. N!O 留下评论:

    恩,看样子你是男滴,哈哈哈 那戒指你老婆能同意么?

    [回复此评论]

    小浒子 于 07月 27th, 2008 22:27 回复:

    我才大二~我和纯洁的~

    [回复此评论]

  5. N!O 留下评论:

    :惊慌:

    [回复此评论]

    小浒子 于 07月 27th, 2008 22:17 回复:

    :满足: 多多交流哈~看你博客内容还不错~~

    [回复此评论]

  6. N!O 留下评论:

    你这回复也忒快了吧~~~

    [回复此评论]

    小浒子 于 07月 27th, 2008 22:14 回复:

    还好~还好啦~~ :高兴:

    [回复此评论]

  7. N!O 留下评论:

    无敌风火轮的图片上有几张还不错哦~~~

    [回复此评论]

    小浒子 于 07月 27th, 2008 22:05 回复:

    第二个特效是最 H 的了~~ :调皮:

    [回复此评论]

  8. neekey 留下评论:

    相当不错哈哈

    [回复此评论]

    小浒子 于 07月 27th, 2008 22:05 回复:

    就是感觉挺好玩的~~

    [回复此评论]

我也想来说几句

:无颜: :顽皮: :调皮: :高兴: :羡慕: :苦笑: :疑问: :不懂: :奸笑: :满足: :惊讶: :遗憾: :害怕: :惊慌: :得意: :快乐: :生气: :再见: :美好: :哦哦: :期待: :奸诈: :谦虚: :不屑: :痛苦: :烦恼: :思考:

关闭
E-mail It