html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 多视角3D可旋转的HTML5 Logo动画示例代码详细介绍这是一款基于HTML5和CSS3的3D动画特效，与之前的3D特效不同的是，这款是完全用HTML5特性实现的，而并非用多张图片叠加起来。这款3D动画还有一个特点是可以无限的旋转，从而可以从多个视角来观察HTML5Logo。在线演示源码下载HTML代码<divclass='link-overlay'></div><canvasid='canvas'style='background-c..
- 逼真的HTML5树叶飘落动画图文代码详解这是一款基于HTML5的树叶飘落动画，树叶都是图片，并非CSS3绘制，但是树叶飘落的动画效果非常逼真。这款HTML5树叶飘落动画是基于webkit内核的，也就是说要在webkit内核的浏览器上才能使用这款动画。在线演示源码下载HTML代码<divid='container'><!--Thecontainerisdynamicallypopulatedusingtheinitfunc..
- HTML5实现的震撼3D焦点图动画详解介绍这是一款基于HTML5和jQuery的3D焦点图动画，焦点图中的图片利用了CSS3的相关特性实现图片倾斜效果，从而让图片出现3D的视觉效果。这款HTML5焦点图不仅可以手动点击按钮切换图片，而且还支持自动切换图片，使用起来也相当方便。如果你需要在网站中展示产品图片，那么这款焦点图插件非常适合你。在线演示源码下载HTML代码<sectionid='dg-container'class='dg-container'&g..
- 用Html5实现简单选择排序算法和演示，附代码简单选择排序，是选择排序算法的一种,以下就是用Html5实现简单选择排序算法和演示的方法和代码
- 详细介绍HTML5模拟齿轮动画的代码示例详情这是一个基于HTML5的齿轮动画特效，我们将齿轮转动的物理学原理，转换为HTML5代码，在网页上实现了模拟齿轮转动的动画效果。该齿轮动画的最大特点是它由好多个齿轮组成，这对齿轮传动的算法要求就大大提高了，而且我们并没有用JavaScript，而是纯CSS3实现的。在线演示源码下载HTML代码<divid='level'> <divid='content'> <divid='gears..
- HTML5 Canvas 破碎重组的视频特效代码具体介绍也许你见过HTML5图片破碎动画特效，实现的原理也挺简单的。但是你应该没有见过视频也可以破碎重组，这个HTML5动画就是利用Canvas的相关特性，实现了点击鼠标让视频破碎重组的效果。在视频区域点击鼠标，即可让该区域的视频破碎，让后经过一段时间后，破碎的区域又可以重组还原，视觉效果非常棒。在线演示源码下载HTML代码<divstyle='display:none'> <videoid='source..
- 详细介绍AngularJS中使用HTML5摄像头拍照的图文详情1. 项目背景公司开发一个网站，在做用户头像修改的时候领导提到增加一个由摄像头拍照实现修改头像的功能。因为我们网站是基于Html5进行开发，所以就直接采用H5来实现拍照。起初觉得这个功能很简单，但是做的时候才发现并不是那么简单的。这是在AngularJs中成功实现调用摄像头拍照并截图上传的例图：2. 如何调用摄像头$scope.photoErr=false;$scope.photoBtnDiable=tr..
- HTML5自定义元素播放焦点图动画示例代码详细介绍这是一款基于HTML5的焦点图动画，它和其他焦点图不同的地方在于，它播放的不仅仅是图片，而是可以自定义控制的网页元素。它不仅在图片间切换有过渡动画效果，而且在切换时图片中的元素也将出现动画效果，比如图中的文字移动、打散、重新组合等。这款HTML5动画图片播放器算得上是高端大气上档次。在线演示源码下载HTML代码<divclass='parallax-bg'id='slider-wrap'> <div..
- 详细介绍12个效果奇特的HTML5动画图文赏析本文将为大家分享12个效果奇特的HTML5动画，HTML5强大的动画特性可以让你的网页变得更加生动和富有活力，交互性也会进一步得到提高。一起来看看下面的这些HTML5动画案例，没个案例都提供源代码下载。1、HTML5Canvas瀑布动画超逼真这次我们来分享一款很酷的HTML5 Canvas瀑布动画，瀑布动画非常逼真。整个瀑布动画像是从石头缝里流出来的溪水，然后沿着悬崖飞落下来，效果非常不错。在线演示 源码下载..
- 关于9个经典华丽的HTML5图表应用 详情介绍在前面的文章中，我们已经有分享过8个很不错的Java图表应用，但是提及图表应用，用HTML5和jQuery制作的网页图表更加方便和使用，而且无论是功能还是外观，定制起来都比较灵活。本文就向大家分享9个经典华丽的HTML5图表应用，也许对你的前端开发会有帮助，一起来看看吧。1、超酷HTML5Canvas图表应用Chart.js今天我们要介绍一款基于HTML5Canvas的图表应用Chart.js，它的功能非常强大，有很多图表类型，..
- 对于8个华丽的HTML5文字动画特效图文赏析文字是网页的灵魂，很早以前有人发明了很多漂亮的计算机字体，这让网页变得样式各异。HTML5和CSS3的出现，我们可以让文字变得更加富有个性，在一些需要的场合，我们甚至可以利用HTML5制作文字动画。本文分享了8个非常华丽的HTML5文字动画特效，希望能给你作为参考。1、CSS33D折叠翻转文字动画今天我们再来分享一款CSS3文字特效应用，和之前分享的这款HTML5/CSS3文字特效类似，它也是一款CSS33D折叠翻转文字动画，只..
- 关于7个华丽的基于Canvas的HTML5动画的图文详细介绍说起HTML5，可能让你印象更深的是其基于Canvas的动画特效，虽然Canvas在HTML5中的应用并不全都是动画制作，但其动画效果确实让人震惊。本文收集了7个最让人难忘的HTML5Canvas动画，包括画板、文字、图表等，希望你会喜欢。1、HTML5Canvas画板画图工具可定义笔刷和画布HTML5 Canvas还有一个比较实用的应用，那就是网络画板，这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5Ca..
- 详细介绍7款让人惊叹的HTML5粒子动画特效详解HTML5的很大一个优势就是可以更加便捷高效地制作网页粒子动画特效，特别是Canvas特性，可以实现在网页上绘制任何图形和动画。本文要分享7款让人惊叹的HTML5粒子动画特效，这些粒子特效都提供源代码下载供大家学习。1、HTML5Canvas粒子模拟效果这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效..
- HTML5-9个绚丽多彩的进度条动画赏析进度条在网页应用中越来越广泛了，特别是现在的页面异步局部刷新时代，进度条可以让用户更好的等待操作结果。本文要分享9款绚丽多彩的HTML5进度条动画，有很多还是挺实用的，效果也非常不错。1、CSS3发光进度条动画超炫酷的样式这次我们要来分享一款非常炫酷的CSS3进度条动画，其样式风格类似于星球大战里面的那些激光剑效果。页面初始化时，可以设定进度条的值，但是我们也可以利用其配套的借口来动态改变进度条的值，使用起来比较方便。另外以前介绍..
- 详细介绍HTML5游戏开发5条建议及开发工具分享当你开发基于HTML5的游戏时，你有很多选择。使用什么样的编辑器？是否用到Canvas2d、WebGL？采用什么样的呈现框架和游戏引擎？这些选择大部分由开发者的个人经验和游戏将要发布的平台决定。幸运的是，有关HTML5游戏开发的指南现在已经有很多了。而这篇文章则是要告诉开发者在开发HTML5游戏以前应该具备的一些全局概念。你能从这篇文章中学到什么？这里会介绍HTML5游戏开发的一些框架，你将知道如何使你设计的游戏能够在更多的平台..
- 关于8个超炫酷仿苹果应用的HTML5动画的图文详解苹果的产品一直以精美的UI著称，无论是软件应用还是硬件设备。本文主要分享了8个很不错的HTML5动画应用，这些动画正式模仿了苹果的各类应用，有焦点图、钟表、菜单等HTML5应用和jQuery插件，大家一起来欣赏吧。1、jQuery/CSS3实现仿苹果的CoverFlow图片切换这次要分享的也是一款基于jQuery和CSS3的仿苹果CoverFlow图片切换应用，并且可以自定义添加图片，效果非常不错。在线演示 源码下..
- 详细介绍25+免费的Bootstrap HTML5网站模板图文详情在前端框架中，Bootstrap可以说是非常有名的高级网站设计框架。网上也有很多使用Bootstrap程序创建的免费模板。这些模板设计成响应式模式，因此你可以使用它们来为所有的设备平台和浏览器创建网站。这个框架利用了JavaScript函数来创建功能全面的网站模板。使用CSS/CSS3代码设计出了干净的布局。使用CSS和基于HTML5的设计而打造的导航、按钮、字体，以及其他界面元素。如果你需要的话，还可以选择JavaScript..
- 关于14款超时尚的HTML5时钟动画的详细介绍时钟动画在网页应用中也非常广泛，在一些个人博客中，我们经常会看到一些相当个性化的HTML5时钟动画。今天我们向大家分享了14款形态各异的超时尚HTML5时钟动画，其中有圆盘时钟、3D时钟、个性化时钟等，强大的HTML5为时钟动画增添了不少精彩，希望能给大家带来帮助。1、可爱的CSS3圆盘时钟动画今天要分享的也是一款可爱的CSS3圆盘时钟动画，时钟背景是乳白色的，显得非常干净，另外，时钟也可以和你本地的时候保持同步。在线演示 ..
- 关于6个超炫酷的HTML5电子书翻页动画的详情相信大家一定遇到过一些电子书网站，我们可以通过像看书一样翻页来浏览电子书的内容。今天我们要分享的HTML5应用跟电子书翻页有关，我们精选出来的6个电子书翻页动画都非常炫酷，而且都提供源码下载，有需要的朋友可以下载使用。1、jQuery书本翻页3D动画特效今天要分享的这款jQuery书本翻页3D动画功能更加强大，可以支持任意数量页的翻阅，并且也有非常美观的视觉效果。书本的内容支持任意HTML元素，相当灵活。在线演示 ..
- 利用XML开发留言板简单的例子xml是一种基于文本格式的元标记语言，它注重对数据结构和数据意义的描述，实现了数据内容和显示样式的分离（xml+xsl），而且是与平台无关的。
- 详细介绍7 款超具个性的 HTML5 播放器的图文详解这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有播放器的大部分功能，并以HTML5和JavaScript实现。这些HTML5播放器有着非常漂亮的外观，很多你都无需自己重新定义样式，引用相关JS即可，源代码大家都可以下载。1、HTML5笑脸样式的音乐播放器今天要来分享一款非常有爱的HTML5音乐播放器，它的外观酷似一张笑脸，其实笑脸的样式也是通过对播放器的各项按钮进行布局而产生的。同时这款播放器的功能也是比..
- 7 个让人惊叹的 HTML5 鼠标动画图文详解今天我们一起来分享一些有趣的HTML5鼠标动画，当我们移动鼠标时，页面上将会出现一些神奇的动画特效。当然这些动画可能在实际应用中并不太会使用到，但是对大家研究HTML5和CSS3的帮助应该会非常大。本文分享的7个HTML5鼠标动画都提供源代码下载，都是一些不错的资源。1、HTML5鲸鱼动画今天我找到了基于HTML5的鲸鱼动画，鲸鱼会随着鼠标的移动而游动，画面非常立体，鲸鱼也超级逼真。真的，HTML5确实很给力，HTML5动画完全可以..
- 关于8 个 3D 视觉效果的 HTML5 动画图文欣赏现在的网页中应用了越来越多的3D应用，特别是基于HTML5Canvas的动画特效，让用户有一种非常震撼的视觉体验。本文收集了8个非常炫酷的3D视觉效果的HTML5动画，都有源代码分享，你可以学习你感兴趣的HTML5动画，一起来看看。1、CSS3飘带状3D菜单菜单带小图标这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非..
- 详细介绍7 款华丽的 HTML5 Loading 动画特效我们在进行大数据的传输或者复杂操作的等待时，最好能有一个Loading等待的小动画提示用户。本文将为大家分享一些超华丽的基于HTML5的Loading加载动画特效，希望你会喜欢。1、HTML5Canvas实现超酷Loading动画这次我们来看一款非常酷的Loading动画加载效果，和纯CSS3实现齿轮Loading加载动画类似，也是利用几何的特性来模拟的，它是一些类似旋转的动画效果。在线演示 源码下载2、HT..
- 关于8 个超炫酷的纯 CSS3 动画及源码分享在现代网页中，我们已经越来越习惯使用大量的CSS3元素，而现在的浏览器也基本都支持CSS3，所以很多时候我们不妨思考一下是否可以用纯CSS3制作一些有趣或者实用的网页。本文要分享8个超炫酷的纯CSS3动画，有几个非常经典，比如大象走路的那个，如果你对CSS3感兴趣，赶紧来看看吧。1、纯CSS3实现大象走路动画之前我们分享过一款纯CSS3人物行走动画，效果相当震撼。这一次要给大家介绍的是一款纯CSS3实现的大象走路动画，大象走路时的形..