焦点图应用在现代网页中使用十分广泛，有注重简单小巧的，也有注重华丽美观的，大部分jQuery焦点图都可以滑动和切换图片，并且在切换图片时产生不同的动画特效。今天我们要分享一些超酷而且实用的jQuery焦点图插件，并分享它们的源代码。

1.基于prefixfree.js的进度加载条

今天为大家再带来一款基于prefixfree.js的进度加载条。这款加载条没有加载的百分比。界面还是挺好看的。

在线演示

源码下载

2.基于jquery的可拖动div

今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以，无需引用jquery ui。还实时记录的鼠标的坐标。

在线演示

源码下载

3.jQuery多动画切换焦点图

之前我们已经分享过很多超酷的jQuery焦点图插件了，而且也都相当实用。今天我们要再来介绍一款可实现多种切换动画的jQuery焦点图，这款焦点图整体非常简单，左右两侧各有一个上一张和下一张的切换按钮。每张图片在切换时也都有各不相同的动画特效。

在线演示

源码下载

4.jQuery带缩略图焦点图插件 自定义滑块内容

今天我们要来分享一款基于jQuery的焦点图插件，这款jQuery焦点图功能十分强大，有以下两个特点：第一是焦点图带有缩略图预览，当鼠标滑过对应图片的按钮时，即可弹出缩略图；第二是焦点图的滑块内容可以自定义，可以是图片，也可以是任何HTML元素，因此也非常的灵活。另外，焦点图的切换动画也有多种，非常炫酷。

在线演示

源码下载

5.CSS3 3D动画菜单 4种颜色主题

今天要来分享一款3D效果的纯CSS3动画菜单，这款CSS3菜单拥有4种不同的颜色风格，当然你也可以自己定义一些CSS样式来实现更多的颜色主题。这款菜单的最大特点是鼠标滑过菜单项时，菜单项的文字将会出现倾斜的动画特效。

在线演示

源码下载

6.jQuery原始图片对比插件

这是一款很实用的jQuery图片插件，它可以帮助你实现原图和经过处理的图片进行对比，这款jQuery插件一共有3中对比模式，主要是拖动中间的分割线来进行两张图片的细节对比。

在线演示

源码下载

7.纯 CSS 绘制《辛普森一家》人物头像

一组纯 CSS 绘制的《辛普森一家》人物头像。《辛普森一家》（The Simpsons）是马特·格勒宁为美国福克斯广播公司创作的一部动画情景喜剧。

在线演示

源码下载

8.带有 CSS3 闪亮特效的缩略图相册

ShineTime 是一个效果非常精致的缩略图相册，鼠标悬停到缩略图的时候有很炫的闪光效果，基于 CSS3 实现，另外缩略图也会有立体移动的效果。

在线演示

源码下载

9.美妙的 CSS3 动画！一组梦幻般的按钮效果

今天给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！CSS3 引入了众多供功能强大的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。

在线演示

源码下载

10.网页边栏过渡动画

以细微的过渡动画显示一些隐藏的侧边栏，其余的内容也是。通常侧边栏滑入，把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果。

在线演示

源码下载

超酷实用的jQuery焦点图赏析及源码