您的位置：首页 > Web前端 > JavaScript

5个有趣的 JavaScript 代码片段

2011-09-11 18:11 501 查看
转自：/article/1210852.html

　　很多人认为编程语言只是用于工作，没有什么乐趣，其实，只要我们发挥奇思妙想，再死板的东西也有有趣的一面。这篇文章告诉大家：使用JavaScript，可以做很多很多有趣的事情。以下代码拷贝到地址栏回车即可运行，赶紧试试吧。

1. 网页射击游戏

这个游戏可以在任何网页里面玩，把下面代码粘贴到地址栏回车，按空格键进行射击，W键可前进，A、D键或者方向键可改变射击方向。

1
javascript:
var
%20s%20=%20document.createElement(
'script'
);s.type=
'text/javascript'
;document.body.appendChild(s);s.src=
'http://erkie.github.com/asteroids.min.js'
;void(0);

2. 让图片飞起来

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

1
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.onmousedown=
function
(){clearInterval(tag);
for
(i=0;
i<DIL; i++){DI[i].style.position=
"static"
;}}; void(0)

3. 让网页可编辑

此JavaScript代码，可以让你实时修改任何的网页，在Firefox中，你甚至可以把修改的网页保存到起来，对于网页设计者来说，这个功能可以辅助完善页面效果。

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

4. 让浏览器抖起来

改变浏览器窗口尺寸到普通模式，可能半屏的效果是最好的。把下面的代码贴到地址栏，按Enter键（貌似只有IE有效果）。

1
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);

5. 地址栏计算器

哈哈，这个以前还真不会想到，地址栏就是个计算器嘛。

1
javascript: alert(4+5+6+7+(3*10));
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航