`
jinghuainfo
  • 浏览: 1526172 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

代码分享 5个有趣的 JavaScript 片段

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

  1. 网页射击游戏

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

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键,当前网页的所有图片都将动起来。

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中,你甚至可以把修改的网页保存到起来,对于网页设计者来说,这个功能可以辅助完善页面效果。

javascript:document.body.contentEditable='true'; document.designMode='on'; void(0);
  4. 让浏览器抖起来

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

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. 地址栏计算器

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

javascript: alert(4+5+6+7+(3*10));
3
4
分享到:
评论

相关推荐

    很有趣的javascript编写的代码

    很有趣、很新颖的,用javascript编写的、、

    JavaScript鼠标跟随星星飘落动画

    今天我们要来分享一款有趣的JavaScript动画,这种鼠标跟随动画应该也是很早就有的东西,特别是应用在一些个性化的个人博客中。这款JavaScript鼠标跟随动画是一些飘落的星星,星星的形状和颜色也是随机变化的,非常...

    几个有趣的Javascript Hack

    在网上看到几个有意思的Javascript代码,和大家分享一下。直接将代码拷贝到IE中即可,注意代码为一样。不可分行

    静态网页设计-科幻电影分享(HTML+CSS+JavaScript)

    主要内容:该网站意在分享我喜欢的科幻题材电影,向浏览者介绍历年来的优秀科幻作品。 适用人群:需要用来学习使用和提交期末作业的学生。 拿来即用,只需对课程报告学号姓名等信息稍作修改即可,代码不用做任何修改...

    JAVA上百实例源码以及开源项目源代码

    5个目标文件,演示Address EJB的实现,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口...

    适用于 iOS 的简单React-Native游戏_JavaScript_代码_下载

    即使开发这款游戏并没有花费太多时间(我猜我应该投入大约 20 个小时),这也是一次有趣的旅程,我想分享一些技巧和一些关于我在其过程中发现的复杂性的信息发展。 效果展示: ... 更多详情、使用方法,请下载后阅读...

    javascript制作动画

    使用javascript来制作动画,创造丰富有趣的网页内容。好东西,大家分享 :)

    javascript中有趣的反柯里化深入分析

    不要小看这个功能,试想下,我们在写一个库的时候,时常会写这样的代码,拿webQQ的Jx库举例。 我们想要的,其实只是借用Array原型链上的一些函数。并没有必要去显式的构造一个新的函数来改变它们的参数并且重新运算...

    JAVA上百实例源码以及开源项目

    百度云盘分享 简介 笔者当初为了学习JAVA,收集了很多经典源码,源码难易程度分为初级、中级、高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情、执着,对...

    bomberman:JavaScript 中的炸弹人

    它开始于一个缓慢的工作日,是 HTML5 Canvas 和 WebSockets 的实验。 但不要让它阻止你玩得开心! 本仓库包含所有客户端代码,包括图形、样式等,服务端代码请查看 。 一些代码被注释,但大多数没有。 也许将来我会...

    新年祝福,好运连连,运气爆棚超级特效

    如果需要进一步定制和扩展页面功能,可以在JavaScript部分进行修改和添加代码。 注意确保音乐文件和相关资源文件的路径正确,以确保页面正常加载和播放。 通过分享这个具有新年氛围的页面,您可以吸引更多的人关注您...

    simple-ajax-app:JavaScript类的简单应用程序,可以执行基本的JSON数据,事件和Ajax

    查看此代码,然后创建一个类似的应用程序,该应用程序包含您个人关心的东西(地址以外的信息)的信息-您的家人或宠物,电影,游戏,书籍-您喜欢的任何东西。 通讯录仅包含名称和电子邮件。 尝试选择更复杂但又不太...

    -:html、css、javascript

    这是一个就业投资组合(稍后会添加一个后端),但我想与其他人分享。 我做了一个鼠标放在菜单上时弹出的子菜单和一个tab菜单应用点击图片时选择图片,我自己做的。 我认为编程是一种有趣的学习方式,也是一种发现新...

    codesnapit:CodeSnapIt,分享漂亮代码的快照!

    分享您漂亮代码的快照! 在查看实时应用程序! 概述 CodeSnapIt的灵感来自于无法在社交媒体上共享突出显示语法的代码,而不需要截图和跳转。 当前,CodeSnapIt是一个完全独立的社交媒体网站,用于共享代码,对该...

    java俄罗斯方块颜色源码-funToStudy:收集分享好玩,有趣的文章

    最近,微软新出了一个名为Blazor的框架,允许开发者使用C#来开发web网站,那么它跟JavaScript相比,有什么优势呢? 2020-09-01(技术) 你可了解过CDN的原理不?:backhand_index_pointing_down: 2020-08-31(算法) 算法...

    基于javascript实现泡泡大冒险网页版小游戏

    本文实例为大家分享了一个很有趣的网页版游戏,有点类似金山打字游戏的青蛙过河,供大家参考,具体内容如下 效果图: 实现思路: 益智类小游戏,主要练习打字能力,基于jq开发。 1.在输入框输入泡泡对应文字,点击...

    Javascript基础回顾之(二) js作用域

    不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享。 后面会附上培训用的PPT。刚开始...

    jquery插件使用方法大全

    使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("&lt;p&gt;hello&lt;/p&gt;"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...

    使用 HTML5 Canvas 制作水波纹效果点击图片就会触发

    有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。 源码下载 Step 1. HTML 和以前一样,首先是 HTML 代码: 复制代码代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    :graduation_cap:每日WebGL教程-JavaScript开发

    我在WebGL上有一些有趣的经验,我想分享一下。 我要开始一个月的WebGL,每天我都会发布与WebGL相关的教程。 WebGL API本身不是Three.js,不是pixi.js。 WebGL month嗨,:waving_hand:,我叫Andrei。 我在WebGL上有...

Global site tag (gtag.js) - Google Analytics