程序猿必备的10款web前端开发插件二

1.jQuery带缩略图的焦点图动画 可切换背景

这次我们要分享一款很不错的jQuery焦点图插件，和之前的焦点图动画相同的是，它同样有缩略图，点击缩略图即可切换到任意一张图片，而且图片切换时也有淡入淡出的动画特效。但不同的是，这款jQuery焦点图插件在图片切换时网页的背景颜色也会随着改变，这个你可以自己设置。

在线演示

源码下载

2.HTML5 Canvas 3种不同风格的圆盘时钟

这次我们要继续为大家分享一款基于HTML5 Canvas的圆盘时钟动画，和之前分享的这款HTML5 Canvas 圆形时钟动画类似，它也是基于HTML5的，但是这款时钟提供了3种不同的样式风格，而且时钟的大小可以自己控制。

在线演示

源码下载

3.经典实用的jQuery多过渡动画焦点图插件

这是一款相当实用的jQuery焦点图动画插件，它的特点是焦点图下方会有每一张图片的缩略图，点击缩略图即可快速切换到任意一张图片。另外一个特点是每一张图片切换时会出现多种过渡动画，这样让图片切换不那么单调。而且你可以用鼠标拖拽图片实现切换效果，因此也适合在移动设备上使用。

在线演示

源码下载

4.HTML5 Canvas推箱子小游戏

很久没有分享HTML5游戏源码了，今天就来分享一款非常经典的HTML5小游戏，一款考验你智力的推箱子游戏，这个游戏很常见，你应该是玩过的，这次我们用HTML5来重写了这款推箱子游戏，游戏设置和很多关卡，越到后面难度越高。

在线演示

源码下载

5.HTML5 3D 魔方日历动画 3种不同日历风格

之前我们分享过很多款样式各异的jQuery和HTML5日历控件，但今天要介绍的这款日历控件绝对是超炫酷的，它非常富有创意，利用了HTML5的3D特性实现了魔方的日历动画控件，每一个日期就是一个小的魔方立方体，鼠标滑过日期时，立方体就会旋转，点击日期时，就会展示当前日期的行程安排。另外更酷的是，插件一共提供了3种不同的日历样式。

在线演示

源码下载

6.基于jQuery和Bootstrap的垂直手风琴下拉菜单

今天我们要为大家分享一款基于jQuery和Bootstrap的垂直手风琴下拉菜单，因为它是Bootstrap风格的，所以外观上绝对可以称得上完美。另外，菜单项在展开的时候，菜单项的内容将会以飞入的动画特效展示出来，同时菜单项的展开按钮也会出现旋转的动画。与这款菜单类似的还有CSS3响应式垂直手风琴菜单和基于jQuery和Bootstrap的手风琴垂直菜单这两款。

在线演示

源码下载

7.迷你可爱的jQuery/CSS3圆盘时钟

记得以前跟大家分享过好几款基于jQuery或者HTML5/CSS3的圆盘时钟动画插件，比如这款HTML5/CSS3时尚的圆盘时钟动画和这款HTML5/CSS3圆盘秒表动画。今天要介绍的也是一款基于jQuery和CSS3的简易圆盘时钟，它的特点是圆盘中央会有一个很大的数字，表示当前是几点。

在线演示

源码下载

8.jQuery颜色选取插件 支持透明度选择

今天我们要为大家分享一款非常实用的jQuery颜色选取插件，它的颜色选取功能十分强大，不仅可以快速选择常用的标准色彩，而且可以在右侧的面板上自由选取所有的颜色，更为实用的是，你可以拖动透明度滑杆来选取当前颜色的不同透明度。

在线演示

源码下载

9.HTML5 SVG 世界地图旋转动画

这是一个以世界地图为背景的简易地球仪，通过HTML5和SVG的相关特性，实现了这个世界地图地球仪的旋转动画。地图旋转期间，会有飞机在地图上自由飞行，这样让这个动画更加逼真。与此相关的另外一个HTML5 Canvas 地球旋转3D动画也是非常的不错。

在线演示

源码下载

10.jQuery 3D 垂直螺旋切换焦点图动画

在之前的分享中，我们已经为大家介绍过许多炫酷和实用的jQuery焦点图动画插件，比如最近刚分享的jQuery卡片切换焦点图动画和CSS3 3D立体图片翻转焦点图。这次我们要给大家展示另外一款很绚丽的jQuery 3D螺旋切换焦点图动画插件，它的图片切换方式类似垂直的螺旋叶片一样，动画形式特别富有3D立体的视觉效果。

在线演示

源码下载

未经允许不得转载：爱前端网 » 程序猿必备的10款web前端开发插件二