HTML5 SVG个性化切换按钮焦点图动画

5,758 人浏览
发表回复
2016-10-02 22:21:35

这是一款很特别的焦点图动画，它的特点在于其左右切换按钮上，不像其他焦点图插件的切换按钮仅仅是两个左右箭头，它的切换按钮是前一张图片和后一张图片的缩略图，并且缩略图可以定义不同的路径形状，当然这些路径形状是由SVG提供。

html5-svg-path-image-slider

在线演示源码下载

基于jQuery和Bootstrap的柱形图表 显示数据百分比

20,964 人浏览
发表回复

之前我们分享过很多不错的jQuery图表和HTML5图表了，比如jQuery饼状图表数据分布插件和超酷HTML5 Canvas图表应用Chart.js，非常实用。今天我们要分享一款基于jQuery和Bootstrap的柱形图表，它的特点是可以同时展示多组数据，并且可以显示每组数据的百分比，比较直观。

jquery-bootstrap-column-chart

在线演示源码下载

纯CSS3绘制的小猫笑脸动画 超呆萌

127,760 人浏览
发表回复

CSS3的强大之处在于你不需要一行JS代码即可绘制任何图形，甚至是实现一些简单的动画特效。今天要分享的一款CSS3小猫笑脸动画就是一个相当典型的案例。示例中不仅用CSS3绘制了小猫的脸部，非常生动，而且小猫的眼睛还耳朵还会萌动，十分可爱。

css3-pretty-cat-face

在线演示源码下载

CSS3 3D立方体图片墙 可拖拽360度旋转

13,213 人浏览
发表回复

这是一款非常酷的CSS3立方体图片墙，在3D立方体的每一个面上都可以放置一张图片，你可以拖拽鼠标使立方体360旋转，非常具有立体感。而且立方体周围有发光的动画效果，这种发光效果的实现也是利用CSS3的相关特效，比较简单。

css3-3d-cube-360-view

在线演示源码下载

宽屏大气的jQuery二级下拉菜单

4,970 人浏览
发表回复

这是一款非常实用的jQuery二级下拉菜单，菜单整体样式并没有花哨的装饰，仅仅使用CSS控制一些线条的样式，就让菜单的外观显得非常漂亮。菜单拥有二级下拉功能，鼠标滑过子菜单时，菜单项会有一定的缩进动画效果。如果你的菜单项数量比较多，那么这款jQuery菜单插件可以让你的菜单项全屏展开，非常大气。

jquery-drop-menu-fullscreen

在线演示源码下载

jQuery模糊渐变焦点图 支持移动端触摸切换

4,093 人浏览
发表回复

之前我们介绍过很多外观和功能都非常强大的jQuery焦点图插件，有一部分还是基于CSS3或者HTML5的。这次我们要分享的同样也是一款非常实用的jQuery焦点图插件，它的特点是两侧未浏览的图片都是被模糊的，一旦图片激活后则显示在一个MacBook相框中。

jquery-blurry-image

在线演示源码下载

强大的jQuery幻灯片播放插件 支持全拼、拖拽和下载等功能

5,325 人浏览
发表回复

今天给大家介绍一款功能强大的jQuery幻灯片播放插件，这款jQuery幻灯片插件是我目前见过功能最完善的，支持全屏浏览，鼠标拖拽切换，自动播放图片以及下载等功能。我们可以利用这款插件制作漂亮的个人相册，方便朋友们浏览你的相片。

jquery-lightbox

在线演示源码下载

超实用的jQuery图片局部放大浏览插件

5,542 人浏览
发表回复

如果你经常浏览购物网站，那么应该经常会看到很多商品图片的局部放大浏览功能，比如我们之前分享过的jQuery图片放大预览插件。今天我们要介绍的也是这么一款jQuery图片放大预览插件，它的特点是可以同时切换不同图片来进行局部放大。

jquery-image-part-zoom

在线演示源码下载

漂亮实用的Select下拉框美化插件Tether

7,361 人浏览
发表回复
2016-10-01 22:03:01

浏览器自带的select下拉框不仅大部分都不太美观，而且各自的浏览器select下拉框都会有不同的外观和样式。这次我们要给大家分享一款基于Tether的Select下拉框美化插件，它提供了很多接口，包括初始化和获取选择值，这里有完整的使用文档

select-tether

在线演示源码下载

CSS3响应式垂直手风琴菜单

6,510 人浏览
发表回复

我们分享过很多值得使用的jQuery手风琴菜单，今天我们要继续为大家介绍一个基于CSS3的响应式垂直手风琴菜单，首先它是响应式的布局方式，因此适合各种尺寸的浏览器。其次它的展开按钮会随着选项卡的打开和折叠实现旋转的动画特效。

css3-responsive-accordion-menu

在线演示源码下载