正规澳门十大电子游戏注册就能领

jQuery具有強大的擴展能力，允許開發人員使用或是創建自己的jQuery插件來擴展jQuery的功能，這些插件可以幫助開發人員提高開發效率，節約項目成本。而且一些比較著名的插件也受到了開發人員的追捧，插件又將jQuery的功能提升了一個新的層次。下面就來介紹插件的使用和目前比較流行的插件。

jQuery插件的使用比較簡單，首先將要使用的插件下載到本地計算機中，然后按照下面的步驟操作，就可以使用插件實現想要的效果了。

（1）把下載的插件包含到<head>標記內，并確保它位于主jQuery源文件之后。

（2）包含一個自定義的JavaScript文件，并在其中使用插件創建或擴展的方法。

在jQuery官方網站中，有一個Plugins（插件）超級鏈接，單擊該超級鏈接，將進入到jQuery的插件分類列表頁面，如圖3.11所示。

圖3.11 jQuery的插件分類列表頁面

在該頁面中，單擊分類名稱，可以查看每個分類下的插件概要信息及下載超級鏈接。用戶也可以在上面的搜索（Search）文本框中輸入指定的插件名稱，搜索所需插件。

說明

在該網站中提供的插件多數都是開源的，讀者可以在此網站中下載所需要的插件。

下面對比較常用的插件進行簡要介紹。

（1）jCarousel插件

使用jQuery的jCarousel插件用于實現如圖3.12所示的圖片傳送帶效果。單擊左、右兩側的箭頭可以向左或向右翻看圖片。當到達第一張圖片時，左側的箭頭將變為不可用狀態，當到達最后一張圖片時，右側的箭頭變為不可用狀態。

圖3.12 jCarousel插件實現的圖片傳送帶效果

（2）easyslide插件

使用jQuery的easyslide插件實現如圖3.13所示的圖片輪顯效果。當頁面運行時，要顯示的多張圖片，將輪流顯示，同時顯示所對應的圖片說明內容。在新聞類的網站中，可以使用該插件顯示圖片新聞。

圖3.13 easyslide插件實現的圖片輪顯效果

（3）Facelist插件

使用jQuery的Facelist插件可以實現如圖3.14所示的類似Google Suggest自動完成效果。當用戶在輸入框中輸入一個或幾個關鍵字后，下方將顯示該關鍵字相關的內容提示。這時用戶可以直接選擇所需的關鍵字，方便輸入。

圖3.14 Facelist插件實現類似Google Suggest自動完成效果

（4）mb menu插件

使用jQuery的mb menu插件可以實現如圖3.15所示的多級菜單。當用戶將鼠標指向或單擊某個菜單項時，將顯示該菜單項的子菜單。如果某個子菜單項還有子菜單，將鼠標移動到該子菜單項時，將顯示它的子菜單。

圖3.15 mb menu插件實現多級菜單

官术网_书友最值得收藏!