之前给大家分享一款基于html5canvas和js实现的水果忍者网页版，今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏。这款游戏适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源...

今天爱编程小编给大家分享一款基于html5canvas和js实现的水果忍者网页版。《水果忍者》是一款非常受喜欢的手机游戏，刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度JS小组开发，采用vml+svg绘图，使用了Raphael，效果很赞，赶紧来膜拜一下。效果图如下：在线预览  ...

今天给大家分享一款基于HTML5实现五彩连珠小游戏。这款游戏的规则：点击彩球移动到期望的位置，每移动一次，画面将随机出现3个新的彩球；当同一颜色的彩球连成5个一行或一列或一斜线时，这5个彩球同时消失，游戏得分10分。当画面上每个方格都被彩球占满时，游戏结束。在线预览   源码下载实现的代码...

今天给各网友分享一款基于HTML5Canvas的画板涂鸦动画。记得之前我们分享过一款HTML5Canvas画板工具，可以切换不同的笔刷，功能十分强大。本文今天要再来分享一款基于HTML5Canvas的画板涂鸦动画应用，功能和之前那个类似，但是新增了回撤和清空画板的操作，实现思路也基本类似。实现的效果图如下：在线预览&n...

今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件，同时这款焦点图也利用了HTML5和CSS3的相关特性，使图片切换效果更加丰富多彩。另外，这款jQuery焦点图插件的特点是全屏的效果，因此看上去也非常的大气和整体。效果图如下：在线预览   源码下载实现的代码。html代码：&l...

今天要来分享一款很经典的HTML5游戏——堆木头游戏，这款游戏的玩法是将木头堆积起来，多出的部分将被切除，直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的，因此需要你很好的控制木头下落的位置。在线预览   源码下载实现的代码。html代码：<divstyl...

今天给大家分享一款基于html5和jquery的篮球跳动游戏。这款实例和之前分享的 HTML5重力感应小球冲撞动画类似。用鼠标拖动篮球，篮球在页面上跳动，可在演示中看下效果。效果图如下：在线预览   源码下载实现的代码。这个实例主要是js代码。js需要引用jquery和Phase...

今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，效果图如下：在线预览&...

今天我们来分享一款很酷的HTML5重力感应动画教程，这款动画可以让你甩动页面中的小球，小球的大小都不同，并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时，各个小球之间就会发生互相碰撞的效果，并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。在线预览  &nb...

今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="container"><divclass="cube"><divclass="sideside1"></di...

今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="container"><svgwidth="600"height="600"class='svg-el...

今天给大家分享一款纯html5实现的人跑步动画。这款动画中实现了人跑步的动画，且上面有三个按钮，分别是选择让这个跑步的拿什么武器，第一个是拿了一把剑，第二个是拿了一把斧头，第三个是不拿任保东西。效果图如下：在线预览   源码下载实面的代码。html代码：<svgversion="1....

之前介绍了好多款html5和css3实现的动画，今天要给大家带来一款html5和css3实现的小机器人走路动画。该实例的人物用html5绘画的，动画效果是html5和css3实现的。一起看下效果图。在线预览   源码下载实现的代码。html代码：<svgversion="1.1"id...

之前和网友分享一款HTML5可爱的404页面动画很逗的机器人。今天要爱编程小编要再给大家带来一款html5和css3打造的创意404页面。一起看下效果图吧：在线预览   源码下载实现的代码。html代码：<svgclass="me404"viewbox="001000480">...

之前介绍了好几款html5canvas实现的特效。今天要为大家介绍一款由html5canvas实现五彩小圆圈背景特效。五彩的小圆圈渐显渐失的特效。效果图如下： 在线预览   源码下载 html代码：<canvas></canvas><div...