1.甜縮略圖預(yù)覽圖庫(kù)

(演示 | 下載)

在本教程中，我們將創(chuàng)建一個(gè)使用jQuery的圖片廊，顯示了每個(gè)形象作為一個(gè)小的縮略圖預(yù)覽。我們的想法是懸停在滑塊點(diǎn)到預(yù)覽縮略圖幻燈片。單擊滑塊點(diǎn)時(shí)，完整的圖像將幻燈片在從左側(cè)或右側(cè)，根據(jù)當(dāng)前觀看的圖像。

 

[[48139]]

 

2. 使用jQuery組合縮放滑桿

(演示 | 下載)

在本教程中，我們要?jiǎng)?chuàng)建一個(gè)組合或類似的網(wǎng)站使用jQuery的一些好的效果。我們將創(chuàng)建一個(gè)微小的滑塊，并集成了驚人的云變焦插件和優(yōu)雅的Fancybox插件。

 

 

 

 

 

 

3. 合并使用jQuery的圖像框

（演示 | 下載）

在本教程中，我們會(huì)告訴你一個(gè)很好的效果與jQuery的圖像。的想法是有一個(gè)旋轉(zhuǎn)，一旦點(diǎn)擊，動(dòng)畫(huà)的形式選定的圖像的縮略圖。您可以通過(guò)圖像瀏覽Previous和Next按鈕，當(dāng)大的圖像獲取點(diǎn)擊它會(huì)再次分散成小方塊形的縮略圖。

 

[[48140]]

 

4. Moleskine記事簿與jQuery小冊(cè)子

（演示 | 下載）

在本教程中，我們將向您展示如何通過(guò)人才的使用和定制的輝煌jQuery的小冊(cè)子插件會(huì)Grauvogel。我們將創(chuàng)建一個(gè)虛擬Moleskine記事簿，從博客的***文章。

 

 

5. 使用jQuery的動(dòng)畫(huà)形式切換

（演示 | 下載）

在本教程中，我們將創(chuàng)建一個(gè)簡(jiǎn)單的動(dòng)畫(huà)形式開(kāi)關(guān)有三個(gè)非常常見(jiàn)的形式。我們的想法是不離開(kāi)頁(yè)面，當(dāng)用戶進(jìn)入另一種形式，而是做出新的形式出現(xiàn)在同一個(gè)容器中，擴(kuò)大或承包的新形式的尺寸。

 

 

6. 視差滑塊與jQuery

（演示 | 下載）

在本教程中，我們將利用視差的原則，將不同的背景，當(dāng)我們的幻燈片圖像，以創(chuàng)造一些不錯(cuò)的角度。這將給予了極大的深度，整個(gè)滑塊，當(dāng)它在運(yùn)動(dòng)。

 

[[48141]]

 

7. 如何創(chuàng)建一個(gè)jQuery的確認(rèn)對(duì)話框更換

（演示 | 下載）

在本教程中，我們正在建設(shè)一個(gè)跨瀏覽器，自定義，在一個(gè)易于使用的jQuery插件的形式確認(rèn)對(duì)話框。您可以選擇文本，按鈕，單擊時(shí)將要執(zhí)行的的行動(dòng)。

 

 

8. 如何使自動(dòng)推進(jìn)幻燈片

（演示 | 下載）

在這短短的教程，我們將采取一看，是一個(gè)jQuery的片段，將幫助您自動(dòng)化您的網(wǎng)站上的任何幻燈片。

 

[[48142]]

 

 

 

 

 

原文：http://www.cnblogs.com/web8cn/archive/2011/10/25/2224363.html

【編輯推薦】

1. 10月10款有趣強(qiáng)大的jQuery插件推薦
2. jQuery給力插件大閱兵
3. 25個(gè)超棒的jQuery日歷和日期選取插件
4. 20個(gè)***jQuery插件震撼登場(chǎng)（多圖）
5. 分享10個(gè)超炫的jQuery網(wǎng)站