10款基于Bootstrap的jQuery开关按钮组合

1.HTML5/CSS3可折叠的3D立方体动画

最近我们已经为大家分享过很多基于HTML5和CSS3的立方体动画，比如HTML5多立方体3D翻转动画和HTML5 3D立方体图片切换动画，效果都非常惊人。今天要给大家带来另外一款CSS3 3D立方体动画，尤其在DEMO2中可以看到，鼠标滑过立方体后，它将会被打开，从里面弹出另外一个小立方体，动画效果非常酷，非常逼真。

在线演示

源码下载

2.HTML5 Canvas雨滴下落动画 超逼真

今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画，该动画模拟雨滴附在窗户上缓缓滑落的效果，同时窗户也因为雨滴而变得模糊，窗外的夜景便显得格外迷人。利用HTML5技术，该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制，本地将无法运行，你可以在本站的在线演示中看到效果，或者将源代码上传至自己的服务器后浏览。

在线演示

源码下载

3.jQuery轮播切换组件 可播放多张图片

这是一款基于jQuery的图片轮播组件，在这个组件中，你可以任意指定8张图片，然后插件就会帮你自动生成缩略图，并且自动开始切换播放图片。当然，你也可以手动切换图片，只要点击缩略图即可，这款jQuery轮播切换组件配置比较方便，唯一的不足就是只能指定8张图片，灵活性不强

在线演示

源码下载

4.基于Bootstrap的jQuery开关按钮组合

Bootstrap是一款由Twitter推出的开源前端开发包，功能非常强大。今天我们要分享的这款jQuery开关按钮组合就是基于Bootstrap框架的，看了按钮的主题样式，也都是Bootstrap的样式风格，比较清新和简单。这款jQuery开关按钮可以满足你不同的应用需求，包括样式、大小等。

在线演示

源码下载

5.jQuery上下切换焦点图 带缩略图悬浮

今天我们继续为大家分享一款小巧而实用的jQuery焦点图，它的切换效果比较简单，仅仅是作图片的上下切换，但是效果还是比较流畅的。这款jQuery焦点图插件的另外一个特点是在播放器上面可以悬浮缩略图，点击缩略图也可以播放图片。

在线演示

源码下载

6.宽屏可左右切换的jQuery焦点图插件

昨天我们刚分享过9个精巧绚丽的jQuery图片滑块动画，里面有很多实用的jQuery焦点图插件，大家可以看看。今天要继续为大家分享一款很不错的jQuery焦点图插件，它是宽屏展示的，而且有两个大气的按钮用来左右切换图片。

在线演示

源码下载

7.jQuery横向图片手风琴插件

之前我们已经向大家分享过很多基于jQuery的手风琴插件，包括jQuery手风琴菜单等，比如炫酷的jQuery手风琴图片和菜单插件及源码这篇文章中就包含了很多jQuery手风琴插件。今天我们要分享另外一款jQuery横向图片手风琴插件，切换图片时可以展示图片文字描述，效果非常不错。

在线演示

源码下载

8.HTML5 Canvas生成粒子效果的人物头像

前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动的动画特效，看上去非常酷。

在线演示

源码下载

9.基于HTML5的捕鱼达人游戏网页版

之前给大家分享了html5实现的水果忍者，愤怒的小鸟，中国象棋游戏。今天给大家分享一款捕鱼达人（fishjoy）网页版游戏的源码。可以在线玩也可以下载到本地。它使用html5技术和javascript制作而成。整个游戏的仿真度99.99%。

在线演示

源码下载

10.基于HTML5 Canvas实现的图片马赛克模糊特效

马赛克模糊经常应用于图片或者视频，今天我们要利用HTML5 Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度，你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款基于Bootstrap的jQuery开关按钮组合