有时在网页中要加入一个在线测试功能,例如在线调查,在线测试各类知识等应用,这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。 查看演示 下载源码 HTML 首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。 <script src="jquery.js"></script> <script src="quiz.js"></script>…
May 4, 2015
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收 集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。
- Untangle
- 拖动蓝点,让所有线都不相交,看看你多久能解开? 🙂
- Cube Out
- 模仿经典的益智游戏Blockout(三维俄罗斯方块),移动和旋转方块填补空白,完成一层后会自动消隐。
- Bounce
- 一款javascript游戏,点击和控制蓝色的盒子,让黄色的点击不要碰到红色的点。
- Conductor
- Conductor转换纽约地铁系统为一个互动的弦乐器,使用真实的地铁时刻表来模拟。
- Bacterium
- 模仿水族馆,您可以创建丰富多彩,充满活力的运动模式。
- Ultra Neuron Pong
- 这是模仿经典的Pong游戏开发的一款基于HTML5技术的游戏。
- Tank World
- 一款让人惊叹的三维射击游戏。
(编译来源:梦想天空 原文来自:9 Incredible HTML5 Canvas And Javascript Experiments)