今天给大家介绍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
如果这个代码无效,请将”>”改成”>”,”&It;’改成”<”。(这个本人没有实验成功~大家可以试试看~)
本文转载修改自:http://www.mrsakura.com/logs/25318752.html




11月 16th, 2008 at 13:49
..was just passing by.. good work
[回复此评论]
10月 16th, 2008 at 20:54
Thank you for valuable information.
[回复此评论]
10月 12th, 2008 at 08:40
有点意思
[回复此评论]
07月 27th, 2008 at 22:23
恩,看样子你是男滴,哈哈哈 那戒指你老婆能同意么?
[回复此评论]
小浒子 于 07月 27th, 2008 22:27 回复:
我才大二~我和纯洁的~
[回复此评论]
07月 27th, 2008 at 22:16
[回复此评论]
小浒子 于 07月 27th, 2008 22:17 回复:
[回复此评论]
07月 27th, 2008 at 22:13
你这回复也忒快了吧~~~
[回复此评论]
小浒子 于 07月 27th, 2008 22:14 回复:
还好~还好啦~~
[回复此评论]
07月 27th, 2008 at 22:00
无敌风火轮的图片上有几张还不错哦~~~
[回复此评论]
小浒子 于 07月 27th, 2008 22:05 回复:
第二个特效是最 H 的了~~
[回复此评论]
07月 27th, 2008 at 12:03
相当不错哈哈
[回复此评论]
小浒子 于 07月 27th, 2008 22:05 回复:
就是感觉挺好玩的~~
[回复此评论]