随着前端技术和浏览器技术的不断发展，人们开始对网页视觉效果的要求越来越高。我们经常会在页面中看到很多炫酷的图片焦点图播放控件，有些甚至是大屏的焦点图占用大片的页面空间，从而吸引用户的眼球。本文要分享的就是一些超绚丽的jQuery焦点图动画插件，有些不仅基于jQuery，还带有CSS3的动画特效，因此显得更加炫酷。

1、jQuery实用图片滑块焦点图 支持移动端滑动

今天我们要再来介绍一款jQuery实用图片滑块焦点图，它也支持移动端的触屏滑动，这款插件并没有特别的动画效果，但方便实用。

在线演示 源码预告

2、HTML5/jQuery 3D焦点图插件 多种超酷切换动画

之前我们分享过一些很酷的焦点图插件了，有些是基于jQuery的焦点图应用，今天我们要分享一款基于HTML5和jQuery的3D焦点图插件，该HTML5焦点图有多种超酷的切换动画，包括3D百叶窗、3D翻转等特效，有些切换效果在高版本Chrome中有效果。

在线演示 源码预告

3、jQuery自动滑块焦点图插件 带缩略图

今天我们再来介绍一款比较实用的jQuery焦点图插件，它的特点是可以自动播放图片，并可以设置暂停。另外，这款焦点图的图片切换动画也比较多样化，而且在图片下方的切换按钮上鼠标悬停将会出现当前图片的缩略图，并没有炫酷的动画，总体来讲是一款比较实用的jQuery焦点图。

在线演示 源码预告

4、jQuery/CSS3实现全屏图片滑块焦点图动画

今天我们要来分享一款非常大气的jQuery/CSS3全屏焦点图插件，这款焦点图有以下几个特点：首先图片可以全屏切换滑动，显得非常大气；其次焦点图有缩略图导航，点击缩略图可以切换至相应的图片；最后就是图片有阴影，配合天空白云的背景，像是浮动一样，非常立体。

在线演示 源码预告

5、jQuery图片垂直滚动焦点图 导航带图标

今天我们要再来分享一款很实用的jQuery焦点图插件，这款jQuery焦点图的图片是垂直分组滚动的，你可以自定义图片组，也可以定义图片组中图片的数量，鼠标滑过指定的导航上时，相应的图片组即可上下切换，另外，焦点图的切换导航上有小图标，显得更加美观。

在线演示 源码预告

6、jQuery自动轮播图片焦点图插件

今天我们要继续来分享一款非常实用的jQuery焦点图插件，和其他的jQuery焦点图插件一样，它同样支持多张图片的任意跳转切换，同时，焦点图切换方式是水平的，而且相当流畅，因为这款jQuery焦点图实现很简单。

在线演示 源码预告

7、简单实用的jQuery横向图片滚动焦点图插件

今天的这款jQuery焦点图插件看起来非常简单，但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的，两侧均有左右滑动按钮。

在线演示 源码预告

8、jQuery底部带缩略图的焦点图插件

今天我们要介绍的这款jQuery焦点图插件是带有缩略图的，我们只需点击缩略图即可切换至相应的图片，图片切换的时候出现淡入淡出的动画效果。

在线演示 源码预告

以上的很多jQuery焦点图动画插件都还是挺实用的，如果你有需要，可以预告源码并将它们整合到自己的页面中去，我们将继续为大家分享更多的前端开发照片。

玩赚乐(www.banghui.org)整理诚挚分享
本文作者：玩赚乐(www.banghui.org)– 小峰
[原创作品，转载必须在正文中标注并保留原文链接和作者等信息。]

上一篇  下一篇

I 相关 / Other

有时候，我们为什么对陌生人态度更好？

最容易令人感到温暖和惊喜的是陌生人，因为你对他没有期望。最容易令人感到心寒和悲哀的是亲人，因为你爱他

真的可以开脑洞吗？

遍布世界的古代开颅术而种种考古发现、实地考察以及一些文献记载表明，自石器时代开始，这种古老的开颅手术

10个用于收集硬件信息的Linux命令

本文由玩赚乐(www.banghui.org)– 小峰原创翻译，转载请看清文末的转载要求，欢迎加入技术翻译小组！知道自

这本说Disco舞厅演化的书，也是一本舞厅设计指南

人们的行为永远在某个空间里发生，空间又反过来塑造了人们的行为。一提到Disco舞厅，你联想到的可能跳舞、

这位私人定制调香师，做的都是“男神”的香味

虽然像Jude Law、Orlando Bloom和Johnny Depp 这种大明星们都分别代言过奢侈品牌 Dior Homme、Hugo Boss’