今天爱编程小编给大家分享一款非常绚丽的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...

今天要为大家带来一款html5canvas实现的梦幻的3D刺猬球。页面非常梦幻。效果图如下： 在线预览   源码下载 html代码：<div><canvaswidth="1366"height="62"style="width:1366px;heigh...

今天要为大家带来一款html5canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中，然后似玻璃被打碎的效果渐消息。效果图如下： 在线预览   源码下载 实现代码：html代码：<imgsrc="city_copy.jpg"id="src_img"c...

之前为大家介绍了一款HTML5/CSS33D文字特效文字外翻效果。今天为大家带来的是html5canvas实现的文字漂动动画效果。画面非常梦幻。在线预览   源码下载实现代码如下：html代码：<divclass="dgac"><divclass="dgmainatall...

一、正则表达式：相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：<inputtype="email"pattern="[^@]*@[...