10個Jquery投影片外掛程式教程

標籤：des   c   style   blog   a   http   

當有大量的內容或者圖片需要在你的網站或者BLOG上展示的時候，以投影片滑動的方式是一個不錯的選擇，這種效果常用於公司網站或者個人BLOG。常聽有人說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

 

使用Jquery和CSS3建立的Colorful Silders

9、 Coin Slider

 

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

10、 JCoverflip

 

當圖片很多的時候，使用此外掛程式會達到比較好的使用者體驗，一些門戶網站有使用此種效果的。