有趣的javascript应用

只要把下面的代码贴到浏览器的地址栏里然后按Enter键,当前网页的所有图片都将动起来。

javascript: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.οnmοusedοwn=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)

在上面的javascript,您可以修改document.getElementsByTagName("img")为任何你想应用的HTML标签。
这是另外一个版本:

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.images;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;DIS.top=Math.cos(R*y1+ i*y2+y3)* y4+y5;} R++;}setInterval('A()',5);void(0);

2.把网页转换成编辑模式

点击浏览下一页

图片仅供演示,大家把下面的代码贴到地址栏可以看到实际的效果。

javascript:document.body.contentEditable='true'; document.designMode='on'; void(0);

此javascript代码,可以让你实时修改任何的网页,在Firefox中,你甚至可以把修改的网页保存到起来。 用上面这段简单的javascript代码,你可以做很多有趣的事情,对于网页设计者来说,这个功能可以辅助完善页面效果。

3.你必须爱我

点击浏览下一页

把这个例子的链接发给你心爱的人,然后让她回答“你爱我吗?”,她无论如何都没办法回答No!

演示 源代码

4.错误信息提示框

点击浏览下一页

和上面那个类似的玩笑,只不过这里是用图片来选择,这个有趣的想法加上一些不同的图片,可以创造出更多有趣的应用。

5.用文本制作的啦啦队动画

点击浏览下一页

无需多说些什么,自己试验一下吧,哈哈

演示 源代码

6.骗人的文本输入框

点击浏览下一页

这个脚本用来证明你太相信别人。不相信我?不信的话自己试试,呵呵

演示 源代码

7.关闭不了的窗口

运行这个脚本前,你要仔细考虑一下,可能并不是那么有趣。要正常看到效果,确保允许弹出新窗口。

演示 源代码

8.抖动一下浏览器窗口

改变浏览器窗口尺寸到普通模式,可能半屏的效果是最好的。把下面的代码贴到地址栏,按Enter键。(我试了好几次,就看见一次传说中的效果嘛,不知大家能否实验出来)

javascript: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);

9.爱情测试

点击浏览下一页

一个用于测试两个人之间的爱情指数的小脚本,只是一个玩笑,后果自负,哈哈~只支持英文名字。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值