今天给大家介绍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

相关日志
  • No Related Post

目前有17 条留言

  1. 2010年02月05日 上午 12:20 PQCharlotte   |  引用  |  #11     

    When you follow the perfection, you would have to create the fantastic custom classification essay. However, when do not realize a right way to do this, the English writing services will definitely support you.

  2. 2009年10月25日 上午 1:05 kangre   |  引用  |  #12     

    这三个浏览器的源码不错,但是名字改得不太霸气。。

  3. 2009年09月08日 下午 4:00 6788.cn   |  引用  |  #13     

    这个试过,感觉蛮好的,立体 但是照比谷歌速度就慢了好多。

  4. 2009年04月16日 上午 10:54 麦克疯   |  引用  |  #14     

    就是感觉挺好玩的~~

  5. 2008年11月16日 下午 1:49 playboy com   |  引用  |  #15     

    ..was just passing by.. good work

  6. 2008年10月16日 下午 8:54 Italiak1   |  引用  |  #16     

    Thank you for valuable information.

  7. 2008年10月12日 上午 8:40 iiren   |  引用  |  #17     

    有点意思 :快乐:

  8. 2008年07月27日 下午 10:27 小浒子   |  引用  |  #18     

    我才大二~我和纯洁的~

  9. 2008年07月27日 下午 10:23 N!O   |  引用  |  #19     

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

  10. 2008年07月27日 下午 10:17 小浒子   |  引用  |  #20     

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

发表评论

/ 快捷键:Ctrl+Enter