分享十五个最佳jQuery 幻灯插件和教程

 更新时间:2010年03月27日 13:37:54   作者:  
在网站前端中使用jQuery库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增。

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

官方网站 | 演示

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

jFlow

2. 使用jQuery UI实现推荐内容的幻灯展示

官方网站

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

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

官方网站 | 演示

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

Create Beautiful jQuery sliders tutorial

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

官方网站 | 演示

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

A Basic Content Slider With jQuery

5. JC Play List

官方网站 | 演示

免费而好用的使用Flash组件创建的一个jQuery幻灯插件,特别是对XML、RSS2.0、Picasa和Flickr等多媒体列表等非常方便。

JC Play List

6. Easy Slider

官方网站 | 演示

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

Easy Slider

7.jqGalScroll

官方网站

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

 jqGalScroll

8. Image Gallery

官方网站

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

Image Gallery

9.使用jQuery UI 制作内容幻灯

官方网站 | 演示

Dan Wellman为NetTuts写的教程,很详细。

Making a Content Slider with jQuery UI

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

官方网站 | 演示

来自CSS-Tricks的Chris Coyier 写的一篇教程。该脚本基于Coda Slider。它包含一些扩展的特性:

Creating a Slick Auto-Playing Featured Content Slider

11. slideViewer

官方网站

SlideViewer是一个轻量的(1.5Kb)jQuery插件,它可以让你随时通过编写几行HTML代码来创建一个图片画廊.

slideViewer

12. Start/Stop Slider

官方网站 | 演示

Start/Stop Slider

13. 一个简约的jQuery插件

官方网站 | 演示

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

A Minimalist jQuery Plugin

14. BarackSlideshow

官方网站 | 演示

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

BarackSlideshow

15. 使用JQuery s3Slider的wordpress模板

官方网站 | 演示

在WP中使用JQuery s3Slider插件来创建幻灯内容。

Wordpress Theme using JQuery s3Slider

其实,jQuery的幻灯插件并不只这些,还有CodaSlider、JQuery Cycle Plugin等,当然有些只只能用在图片的,而大部分是可用于内容的。

更多的可以参考 https://www.jb51.net/jiaoben/list374_1.html

相关文章

  • 使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo

    使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo

    这篇文章给大家介绍使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo的实现思路,涉及到Jquery.Qrcode基本使用,Jquery.Qrcode对中文字符的支持及Jquery.Qrcode添加自定义Logo图片的相关知识,本文介绍非常详细,具有参考价值,感兴趣的朋友一起看看吧
    2016-09-09
  • JQuery Ajax跨域调用和非跨域调用问题实例分析

    JQuery Ajax跨域调用和非跨域调用问题实例分析

    这篇文章主要介绍了JQuery Ajax跨域调用和非跨域调用问题,结合具体实例形式分析了jQuery基于ajax的非跨域请求及跨域请求相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-04-04
  • jquery实现多级下拉菜单的实例代码

    jquery实现多级下拉菜单的实例代码

    多级菜单,理论上支持无限多的层级,文件结构非常简单的,以下是完整代码,有需要的朋友可以参考一下
    2013-10-10
  • jQuery实现的超链接提示效果示例【附demo源码下载】

    jQuery实现的超链接提示效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery实现的超链接提示效果,结合实例形式对比分析了jQuery实现的带有loading动态图效果的提示文字以及默认提示文字显示效果,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2016-09-09
  • jQuery实现div随意拖动的实例代码(通用代码)

    jQuery实现div随意拖动的实例代码(通用代码)

    这篇文章主要介绍了jQuery实现div随意拖动的实例代码,涉及到jquery div随意拖动相关知识,感兴趣的朋友一起学习吧
    2016-01-01
  • 玩转jQuery按钮 请告诉我你最喜欢哪些?

    玩转jQuery按钮 请告诉我你最喜欢哪些?

    在Web的世界里,按钮对于我们来说再也普通不过了,当然也用得比较多。今天这篇文章我主要向大家分享20个基于jQuery和CSS技术的按钮,这些基于jQuery的按钮都非同凡响,所以我在标题里用了“令人惊叹”这一个词
    2012-01-01
  • Jquery实现动态切换图片的方法

    Jquery实现动态切换图片的方法

    这篇文章主要介绍了Jquery实现动态切换图片的方法,涉及jQuery页面元素操作及链式操作的相关技巧,需要的朋友可以参考下
    2015-05-05
  • Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

    Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

    本篇文章是对Jquery中显示和隐藏元素或设为只读以及Ligerui的控件禁用实现代码进行了分析介绍,需要的朋友可以参考下
    2013-07-07
  • jquery中done和then的区别(详解)

    jquery中done和then的区别(详解)

    下面小编就为大家分享一篇jquery中done和then的区别(详解),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • jquery中$each()方法的使用指南

    jquery中$each()方法的使用指南

    jQuery 中的each函数 很方便,$.each ()函数封装了十分强大的遍历功能,它可以遍历一维数组、多维数组、DOM , JSON 等等,在javaScript 开发过程中使用$each可以大大的减轻我们的工作量,这里贴一个简单的模仿each的函数,只能处理数组类型的对象。
    2015-04-04

最新评论