JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > 8个引人注目的HTML5/jQuery动画插件

8个引人注目的HTML5/jQuery动画插件

现在的Web页面已经越来越走向高端化和易操作化,jQuery的大量应用,让Web开发者更容易驾驭前端页面的控制,HTML5的引入也更让网站页面的元素生动富有活力。本文主要向大家分享一些可以让页面更加引人注目的HTML5/jQuery动画插件,作为设计参考。
1、HTML5 Canvas实现会跳舞的时间动画
这款HTML5动画非常有意思,首先它的原型是一个时钟,但是canvas技术的使用,让这个时钟没走动一秒都会产生圆球散落的动画特效,非常的酷。

在线演示    源码下载

2、CSS3 3D折叠翻转文字动画


这个CSS3文字特效也比较有趣,只要鼠标滑过文字,就会产生3D的折叠效果。



在线演示   源码下载


3、HTML5火球挡板碰撞动画游戏


这是一个HTML5小游戏,利用挡板让小球在浏览器内侧不断反弹,这利用了物理学的反射原理,在这个例子中用HTML5实现了。



在线演示    源码下载


4、jQuery/CSS3图片翻转特效 可水平垂直翻转


这是一款基于jQuery和CSS3的图片翻转特效,每一张图片都有文字标题悬浮在图片上,点击切换按钮,每一张图片均会进行水平或者垂直翻转,翻转效果非常酷,有3D立体的视觉效果。



在线演示   源码下载


5、HTML5 Canvas Google电吉他


这是Google为纪念莱斯·保罗而设计的Google首页Logo,试试这把电吉他吧,支持键盘哦。



在线演示   源码下载


6、HTML5街头霸王游戏


这款经典的街机游戏也已经用HTML5实现的,效果非常逼真,你可以根据提示的按键进行游戏体验。



在线演示   源码下载


7、jQuery书本翻页3D动画特效


这是一个基于jQuery的3D书本翻页动画效果,翻页效果十分流畅。

在线演示    源码下载


8、HTML5/CSS3提示框动画 带进度条


这款提示框动画在出现和消失的时候可以有淡入淡出的动画特效,并且提示框内置一个进度条,走完进度条时提示框即可消失。



在线演示    源码下载


欢迎分享更多的HTML5和jQuery等相关的Web开发资源,希望本文可以对你有所帮助。


本文链接:http://www.codeceo.com/article/8-html5-jquery-animation.html

本文作者:码农网 – 小峰

【8个引人注目的HTML5/jQuery动画插件】相关文章

1. 8个引人注目的HTML5/jQuery动画插件

2. 7个炫酷的jQuery动画插件及源码

3. 10个web前端基于jQuery动画插件及源码

4. 7款很酷的JQuery动画和实用的JQuery应用

5. 华丽的HTML5/jQuery动画和应用 前端必备

6. 华丽的HTML5/jQuery动画和应用 前端必备

7. Lazy Line Painter – 很有趣的 jQuery 路径动画插件

8. Lazy Line Painter – 很有趣的 jQuery 路径动画插件

9. 让网站动起来的 jQuery 动画插件

10. Velocity – 另外一款加速的 jQuery 动画插件

本文来源:https://www.51html5.com/a1432.html

点击展开全部

﹝8个引人注目的HTML5/jQuery动画插件﹞相关内容

「8个引人注目的HTML5/jQuery动画插件」相关专题

其它栏目

也许您还喜欢