网页内容切换效果实现的15个jQuery插件

在网站前端中使用jquery库已经变得越来越流行，前端开发人员发布或撰写的相关的插件和教程也与日俱增。

幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣？那就看一下本文列出的jquery插件吧！

1. jflow

官方网站 | 演示

一个漂亮而整洁的图片幻灯，被nettut推荐，如果你想自己做一个图片幻灯效果，就去看看吧。

2. 使用jquery ui实现推荐内容的幻灯展示

官方网站 演示

这是一个教你如何“使用一种很有冲击力的方法展示你的网站/博客的最佳内容以吸引更多眼球”的很不错的教程。该文章介绍展示推荐内容的技术中的一个是自动播放内容幻灯。

3. 创建漂亮的jquery幻灯教程

官方网站 | 演示

该教程介绍如何开发/创建漂亮的使用图片描述和名称的jquery幻灯。

4. 基于jquery的一个简单的内容幻灯效果

官方网站 | 演示

brenelz的网站开发技巧的一个简单的内容幻灯效果。

5. jc play list

官方网站 | 演示

免费而好用的使用flash组件创建的一个jquery幻灯插件，特别是对xml、rss2.0、picasa和flickr等多媒体列表等非常方便。

6. easy slider

官方网站 | 演示

一个jquery插件，允许图片或任何内容在点击的时候水平/垂直滑动。

7.jqgalscroll

官方网站

jquery gallery scroller (jqgalscroll)使用图片列表，并创建一个光滑的可以垂直、水平或对角滚动的图片相册。该插件同样能创建分页，从而你就可以轻松的浏览你的照片了。

8. image gallery

官方网站

这个一点儿都不复杂——它是一个非常简单的图片画廊/查看器。你可以像这样调用图片:

9.使用jquery ui 制作内容幻灯

官方网站 | 演示

dan wellman为nettuts写的教程，很详细。

10. 创建一个自动播放的推荐内容幻灯

官方网站 | 演示

来自css-tricks的chris coyier 写的一篇教程。该脚本基于coda slider。它包含一些扩展的特性：

11. slideviewer

官方网站

slideviewer是一个轻量的(1.5kb)jquery插件，它可以让你随时通过编写几行html代码来创建一个图片画廊.

12. start/stop slider

官方网站 | 演示

13. 一个简约的jquery插件

官方网站 | 演示

webdesignbooth的一个教程，介绍如何使用强大的jquery库创建简单的内容幻灯效果。

14. barackslideshow

官方网站 | 演示

一个灰常小巧和轻量的幻灯脚本，灵感来自于美国总统baracka obama网站的一个幻灯效果。该脚本获取morphlist的能力，并增强图片的可视化和导航。

15. 使用jquery s3slider的wordpress模板

官方网站 | 演示

在wp中使用jquery s3slider插件来创建幻灯内容。

其实，jquery的幻灯插件并不只这些，还有codaslider、jquery cycle plugin等，当然有些只只能用在图片的，而大部分是可用于内容的。