15个最佳jQuery幻灯插件和教程
2012-07-22 14:04
435 查看
在网站前端中使用jQuery库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增。
幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧!
演示
一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自己做一个图片幻灯效果,就去看看吧。
演示
这是一个教你如何“使用一种很有冲击力的方法展示你的网站/博客的最佳内容以吸引更多眼球”的很不错的教程。该文章介绍展示推荐内容的技术中的一个是自动播放内容幻灯。
演示
该教程介绍如何开发/创建漂亮的使用图片描述和名称的jQuery幻灯。
演示
Brenelz的网站开发技巧的一个简单的内容幻灯效果。
5.
官方网站 |
演示
免费而好用的使用Flash组件创建的一个jQuery幻灯插件,特别是对XML、RSS2.0、Picasa和Flickr等多媒体列表等非常方便。
演示
一个JQuery插件,允许图片或任何内容在点击的时候水平/垂直滑动。
jQuery Gallery Scroller (jqGalScroll)使用图片列表,并创建一个光滑的可以垂直、水平或对角滚动的图片相册。该插件同样能创建分页,从而你就可以轻松的浏览你的照片了。
这个一点儿都不复杂——它是一个非常简单的图片画廊/查看器。你可以像这样调用图片:
演示
Dan Wellman为NetTuts写的教程,很详细。
|
演示
来自CSS-Tricks的Chris Coyier 写的一篇教程。该脚本基于Coda Slider。它包含一些扩展的特性:
SlideViewer是一个轻量的(1.5Kb)jQuery插件,它可以让你随时通过编写几行HTML代码来创建一个图片画廊.
演示
演示
WebDesignBooth的一个教程,介绍如何使用强大的jQuery库创建简单的内容幻灯效果。
|
演示
一个灰常小巧和轻量的幻灯脚本,灵感来自于美国总统Baracka Obama网站的一个幻灯效果。该脚本获取MorphList的能力,并增强图片的可视化和导航。
演示
在WP中使用JQuery s3Slider插件来创建幻灯内容。
其实,jQuery的幻灯插件并不只这些,还有CodaSlider、JQuery Cycle Plugin等,当然有些只只能用在图片的,而大部分是可用于内容的。
幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的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等,当然有些只只能用在图片的,而大部分是可用于内容的。
相关文章推荐
- 15个最佳jQuery幻灯插件和实例
- 分享十五个最佳jQuery幻灯插件和教程
- 分享十五个最佳jQuery 幻灯插件和教程
- 分享十五个最佳jQuery 幻灯插件和教程
- 40+ 个最佳的 jQuery 旋转木马插件和教程(转自:http://www.oschina.net/news/20821/40-best-jquery-carousel-plugins-tuto)
- 推荐15个最佳jquery实现的html5图片滑块教程
- 推荐15个最佳 jQuery 图片效果插件
- 15个构建交互式图表的最佳jQuery插件
- 15个构建交互式图表的最佳jQuery插件
- 2011年最佳实用的jQuery插件和教程
- 15个最佳 jQuery 图片效果插件
- 15个最佳和最新的jQuery图像效果教程
- jquery使用jquery.zclip插件复制对象的实例教程
- 2009 年度最佳 jQuery 插件
- 12 月份 10 个新鲜的 jQuery 插件和教程
- 推荐60个jQuery插件及使用教程
- DWZ(JUI) 教程 中如何整合第三方jQuery插件
- 2014年七月最佳jQuery插件荟萃
- 8个很棒的 jQuery 倒计时插件和教程
- jquery插件教程