快速业务通道

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

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-06

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

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

1. jFlow

官方网站 | 演示

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

jFlow

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

官方网站 演示

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

Create Featured Content Slider Using 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

官方网站 | 演示

一个灰常小巧和轻量的

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号