Heim  >  Artikel  >  Web-Frontend  >  分享十五个最佳jQuery 幻灯插件和教程_jquery

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

WBOY
WBOYOriginal
2016-05-16 18:31:181073Durchsuche

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

官方网站 | 演示

<script>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</script>

免费而好用的使用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

<script>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</script>

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

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn