或许你对网页游戏仅仅停留在Flash的时代，认为只有Flash才能做出非常绚丽的游戏特效。那么今天就打破大家的这个观念，一起来看看用Javascript和HTML5实现的网页游戏，这些游戏个人认为做得已经非常棒了，感谢这些游戏的作者。

1、Javascript坦克大战游戏

坦克大战是一款非常经典的休闲小游戏，相信很多朋友都玩过，但是Javascript重写的坦克大战你可能没有见过哦。下面大家就一起来体验一下Javascript版的坦克大战游戏。

2、HTML5超级玛丽游戏

超级玛丽也是一款非常经典的游戏，今天，它也将以HTML5重新展现你的面前。HTML5的力量让超级玛丽给人以不一样的感觉，但却又让人重新回到了童年的欢乐之中。下面提供HTML5版超级玛丽游戏的在线试玩和源码下载。

请用以下支持HTML5的浏览器：Firefox、Chrome（效果最佳，最流畅，推荐）、IE9

方向键：移动   S键：跳跃/进入   A键：快跑/射击

3、HTML5太空战机游戏

这是一款基于HTML5技术的太空战机游戏，这个HTML5游戏场景逼真，而且还有不错的游戏配音。下面提供这个游戏的在线试玩和源码下载。

游戏比较庞大，加载需要一段时间，当然请用支持HTML5的浏览器来玩（IE9，firefox,chrome,safari）

上下左右方向键控制方向，z发射，p暂停游戏

4、HTML5斯诺克桌球游戏

这是一个用HTML5实现的斯诺克桌球游戏，该游戏采用了较为简单的斯诺克规则，游戏画面颇为真实，让玩家似乎真正进入了一场斯诺克桌球比赛之中，一起来体验一下吧。

5、HTML5俄罗斯方块游戏

俄罗斯方块游戏相信大家都玩过，的确是堪称一款古老却又经典的游戏了。今天要介绍的这款正是用HTML5技术重写的俄罗斯方块游戏，HTML5真的非常强大，下面一起来看看这款游戏吧，有源码学习哦。

上方向键或者鼠标左击为翻滚方块，其他左右下均为方向控制

6、Google吃豆人游戏(pacman)

这是之前Google在首页Logo上展示的一款吃豆人(pacman)游戏，现在将游戏代码整理了一下分享给大家，提供在线试玩和源代码下载。

7、Javascript网页破坏游戏

这是一个神奇的游戏，它以三角战斗机为核心武器，以破坏网页为目的，手段极其卑劣，杀伤力极其威猛，所到之处，一毛不拔。而且指挥这场战斗的司令员十分轻松，只要将以下一段JS代码放在浏览器中执行便可激活这场战斗。

打开一张需要破坏的网页，将以下代码拷贝到浏览器地址栏中，回车，即会出现三角战机，控制方向键移动战机，空格发射。

javascript:var s = document.createElement(‘script’); s.type=’text/javascript’; document.body.appendChild(s);s.src=’http://erkie.github.com/asteroids.min.js‘; App.followOne(‘1473612611’,this); void(0);

在网页世界里，图片毋庸置疑扮演着非常重要的角色。然而我们平时看到的一些图片都只是静态的，或者是一些gif动画图片，今天我向大家分享6个超级震撼的网页图片特效，其中有基于jQuery的，也有基于HTML5的，效果非常的棒。

1、CSS3人物行走动画

这是一个完全用CSS3配合图片实现的人物行走动画，没有用一行JS代码，一起来看看吧，这个行走动画是不是很犀利呢？注意：请用版本比较高的Firefox和Chrome浏览器观看此动画。

2、CSS3机器猫

这是一个用纯CSS3画出来的机器猫，没有加一张图片。值得大家注意的是，这只CSS3机器猫的眼睛还是会动的哦。

3、jQuery乌鸦飞行动画

这是一个完全由jQuery控制的乌鸦飞行动画，通过对飞行参数的控制，乌鸦以不同的方式展翅飞翔，非常有爱。

4、HTML5像素图片动画特效

这是一个基于HTML5技术的图片动画特效，该动画将一张100*100像素的gif图片切合成一个个像素然后随着鼠标的点击，这一个个像素便会分散和聚合，很让人震撼。

5、HTML5绘制人脸特效

这是利用HTML5实现的人脸绘制程序，该人脸绘制程序使用方向键选择人脸的具体信息（上下键选择面部位置，左右键切换某个面部），由于是在Canvas画布上绘制，效果令人十分惊讶。

6、jQuery结合CSS实现的右上角翻页效果

曾经在QQ空间看到过一种广告的展现形式，那就是在页面右上角悬浮一个页角，等你鼠标移上去就像翻书一样把页面展开来，达到显示广告的目的，这种方式对用户来说比较友好，不用强制性去看广告。那么，这种翻页效果是如何实现的呢？今天我就要给大家分享如何实现这种翻页效果。

以上这些图片特效希望大家能喜欢。