DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 10個基於Jquery的幻燈片插件教程
10個基於Jquery的幻燈片插件教程
編輯:JQuery特效代碼     
常聽有人說jquery 比較難學,只要你感興趣,實現幻燈片效果還是蠻有樂趣的,下面的Jquery 幻燈片教程將引領你進入Jquery插件開發的喜悅中,希望對大家有幫助。

1、 jQuery Easy Slides v1.1

在所有的Jquery幻燈片插件中,Jquery easy sildes算是最容易使用的一個。

2、 The Piecemaker XML Gallery

非常酷的具有3D效果的jquery 插件,有詳細的制作方法,有興趣的朋友可以研究一下它的源代碼。不用Flash也可以實現那麼炫耀的效果,沒有想到吧。

3、 Create Beautiful jQuery Slider Tutorial

這篇教程詳細地介紹了如何開發一個漂亮的jquery圖片幻燈片效果,包括圖片名稱和簡短描述

4、 Create a Simple Slideshow Using MooTools Thumbnails and Captions

使用Mootools創建幻燈片效果已經非常常見和效果也非常棒,主要分為四步:

第一步,布置幻燈片放映的布局;

第二步,給幻燈片添加事件控制;

第三步,給幻燈片一個統一的樣式類;

第四步,添加圖片縮略圖和標題。

5、 Query Blinds Slideshow using CSS Sprites

使用CSS Sprints創建的百葉窗效果

6、 Create a Quick MooTools Slideshow with Preloading Images

此教程展示了如何是用MooTools創建簡單的幻燈片效果,也展示了如何預加載圖片,從而使幻燈片效果看起來更高雅和避免頁面加載時圖片混亂。

7、 Advanced jQuery background image slideshow

一個切換背景圖片的幻燈片效果

8、 Colorful Sliders With jQuery & CSS3

使用JqueryCSS3創建的Colorful Silders

9、 Coin Slider

非常獨特的幻燈片效果,國內很多網站有使用這種效果,特別是視頻網站,很絢麗的。

10、 JCoverflip

當圖片很多的時候,使用此插件會達到比較好的用戶體驗,一些門戶網站有使用此種效果的。

作者:靈動生活
出處:http://www.cnblogs.com/ywqu

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved