你的位置:首页 > 网页设计

[网页设计]7款HTML5的精美应用教程让你立即爱上HTML5


1,HTML5/jQuery雷达动画图表图表配置十分简单

分享一款很特别的HTML5图表,它是利用HTML5和jQuery的雷达动画图表,图表数据在初始化的时候带有一定动画。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 1

在线演示

源码下载

2,HTML5模拟牛顿力学碰撞的小球

介绍一款HTML5模拟物理实验,这次模拟的是HTML5牛顿力学实验,高空挂几个小球来回摆动,互相撞击,来模拟力的传动。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 2

在线演示

源码下载

3,HTML5的画布烟花特效场景十分华丽

一款基于HTML5 Canvas实现的烟花特效,我们只需在黑色的画布上点击鼠标,即会有漂亮的烟花绽放在夜空当中。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 3

在线演示

源码下载

4,jQuery的轻量级网页编辑器选中即可编辑

目前流行的可视化网页编辑器非常多,像ckeditor、kindeditor、tinyeditor等,虽然功能都非常强大,但是体积都比较庞大,使用起来也不是很方便。今天我们分享一款基于jQuery的轻量级网页编辑器,它非常轻巧,选中内容即可编辑,非常适合在比较简单的编辑应用中。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 4

在线演示

源码下载

5,CSS3手风琴菜单下拉展开带弹性动画

今天我们分享的这款是CSS3手风琴菜单,菜单项在展开和收缩的时候菜单项会有弹性动画效果。每一层父级菜单有一个小三角,菜单项在展开的时候这个小三角也会出现动画,非常酷。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 5

在线演示

源码下载

6,HTML5/CSS3 3D环形图片墙伴随旋转动画

今天我们要分享一款基于HTML5/CSS3的3D环形图片墙,该HTML5图片特效是一面3D立体的墙,墙上贴着一些图片,墙体在不停的旋转移动。鼠标滑过图片时,图片墙即停止转动,并将选中的图片放大。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 6

在线演示

源码下载

7,HTML5的画布正弦波动画可自定义波长和速度

正弦波我们很熟悉,以前数学和物理课上经常会用到,还记得以前物理老师演示的正弦动画还是用flash制作的呢。今天我们要分享的这款HTML5 Canvas动画就和正弦波有关,我们可以稍稍修改一下HTML5代码即可定义波长、频率等正弦波的一些属性,很酷吧。

7款HTML5的精美应用教程让你立即爱上HTML5 - 爱七七五八网 - 7

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1598.html