10款绚丽的jQuery/HTML5特效应用

悠悠 2022-09-20 15:07 304阅读 0赞

今天要为大家分享10款效果绚丽的jQuery/HTML5特效应用，HTML5非常强大，可以很方便的在WEB上制作游戏、制作报表等。下面一起来看看这些HTML5应用。

## 1、HTML5实现中国象棋游戏 ##

HTML5的确很强大，这款用HTML5实现的中国象棋是不是很酷，小编在这款HTML5中国象棋中玩不过电脑，你们也一起来挑战一下HTML5中国象棋游戏吧。

[![1][]][1 1]

[在线演示][1 1]    /    [源码下载][Link 1]

## 2、jQuery茶壶360度图片旋转特效 ##

这也是一款jQuery图片旋转插件，原理很简单，把多张图片组成很多帧，利用jQuery按顺序播放这些帧实现图片旋转。

[![2][]][2 1]

[在线演示][2 1]    /    [源码下载][Link 2]

## 3、美妙的HTML5钢琴演奏特效 ##

这是一款非常给力的HTML5钢琴特效，HTML5技术可以让你在WEB上弹钢琴，是不是很吸引人，赶紧用这把HTML5钢琴弹奏一曲吧。

[![3][]][3 1]

[在线演示][3 1]    /    [源码下载][Link 3]

## 4、jQuery动态温度计 ##

这是一款jQuery温度计插件，该温度计插件是动态显示温度的，非常酷。

[![4][]][4 1]

[在线演示][4 1]    /     [源码下载][Link 4]

## 5、CSS3图片重力感应特效 ##

这是一款应用重力感应的CSS3图片特效，点击“START”即可开始模拟重力感应，同时甩动图片还可以看到更酷的图片效果。

[![5][]][5 1]

[在线演示][5 1]    /    [源码下载][Link 5]

## 6、jQuery图片局部放大特效 ##

这也是一款类似淘宝图片局部放大的jQuery插件，鼠标移入缩略图时，右侧会展示该区域的放大效果。

[![6][]][6 1]

[在线演示][6 1]    /    [源码下载][Link 6]

## 7、CSS3堆栈式图片切换动画插件 ##

这是一款非常炫的CSS3图片切换动画效果，动画效果非常丰富，折叠式、淡入淡出式、旋转式等，让你的图片颇具特色，大大提高用户体验。

[![7][]][7 1]

[在线演示][7 1]    /    [源码下载][Link 7]

## 8、jQuery彩色拼图导航下拉菜单 ##

这款jQuery下拉菜单非常有特色，主菜单由不规则彩色块组成，鼠标移过展开二级菜单。

[![8][]][8 1]

[在线演示][8 1]    /    [源码下载][Link 8]

## 9、Javascript自定义实现图片选中框 ##

这款产品选择插件非常实用，美化了图片单选框，利用Javascript和CSS你可以自定义更多的图片选中框样式。

[![9][]][9 1]

[在线演示][9 1]    /    [源码下载][Link 9]

以上就是9款绚丽的jQuery/HTML5特效应用，由[网页素材大全][Link 10]网站收集整理，来自互联网，欢迎收藏研究。

如您的浏览器无法直接点击下载，请右击下载链接“目标另存为”来下载文件

该素材由[网页素材][Link 10]大全网站整理发布，内容均来自网络，仅供参考学习！

[http://js.itivy.com/?p=1282][http_js.itivy.com_p_1282]

[1]: http://js.itivy.com/wp-content/uploads/2013/12/11.jpg
[1 1]: http://js.itivy.com/jiaoben1765/index.html
[Link 1]: http://js.itivy.com/?p=1253
[2]: http://js.itivy.com/wp-content/uploads/2013/12/21.jpg
[2 1]: http://js.itivy.com/jiaoben1789/index.html
[Link 2]: http://js.itivy.com/?p=1278
[3]: http://js.itivy.com/wp-content/uploads/2013/12/31.jpg
[3 1]: http://js.itivy.com/jiaoben1766/index.html
[Link 3]: http://js.itivy.com/?p=1249
[4]: http://js.itivy.com/wp-content/uploads/2013/12/41.jpg
[4 1]: http://js.itivy.com/jiaoben1791/index.html
[Link 4]: http://js.itivy.com/?p=1274
[5]: http://js.itivy.com/wp-content/uploads/2013/12/51.jpg
[5 1]: http://js.itivy.com/instagram-gravity-gallery/index.html
[Link 5]: http://js.itivy.com/?p=1186
[6]: http://js.itivy.com/wp-content/uploads/2013/12/61.jpg
[6 1]: http://js.itivy.com/jiaoben1783/index.html
[Link 6]: http://js.itivy.com/?p=1270
[7]: http://js.itivy.com/wp-content/uploads/2013/12/71.jpg
[7 1]: http://js.itivy.com/animated-css3-photo-stack/index.html
[Link 7]: http://js.itivy.com/?p=1111
[8]: http://js.itivy.com/wp-content/uploads/2013/12/81.jpg
[8 1]: http://js.itivy.com/jiaoben1781/index.html
[Link 8]: http://js.itivy.com/?p=1266
[9]: http://js.itivy.com/wp-content/uploads/2013/12/9.jpg
[9 1]: http://js.itivy.com/jiaoben1769/index.html
[Link 9]: http://js.itivy.com/?p=1261
[Link 10]: http://js.itivy.com/
[http_js.itivy.com_p_1282]: http://js.itivy.com/?p=1282