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

最爱玩一玩

最爱玩一玩

2016-02-19 13:18

今天图老师小编给大家展示的是分享十五个最佳jQuery 幻灯插件和教程,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

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

官方网站 | 演示

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

jFlow

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

官方网站

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

官方网站

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

 jqGalScroll

8. Image Gallery

官方网站

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

官方网站

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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等,当然有些只只能用在图片的,而大部分是可用于内容的。

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

展开更多 50%)
分享

猜你喜欢

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

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

JQuery知识:20个jQuery教程+11个jQuery插件

Web开发
JQuery知识:20个jQuery教程+11个jQuery插件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

webjx收集45个jQuery导航插件和教程

Web开发
webjx收集45个jQuery导航插件和教程

中医养生二十五个传统秘方

生活常识 养生 健康
中医养生二十五个传统秘方

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

探析男人“私处”十五个小秘密

男人 男人养生
探析男人“私处”十五个小秘密

癌症的十五个早期先兆

电脑网络
癌症的十五个早期先兆

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

SQLServer中按某字段排列名次

SQLServer中按某字段排列名次

VisualBasic软件设计中的几个问题

VisualBasic软件设计中的几个问题
下拉加载更多内容 ↓