gembin

          OSGi, Eclipse Equinox, ECF, Virgo, Gemini, Apache Felix, Karaf, Aires, Camel, Eclipse RCP

          HBase, Hadoop, ZooKeeper, Cassandra

          Flex4, AS3, Swiz framework, GraniteDS, BlazeDS etc.

          There is nothing that software can't fix. Unfortunately, there is also nothing that software can't completely fuck up. That gap is called talent.

          About Me

           

          50多個強大的jQuery插件應用實例

          原文:50+ Amazing Jquery Examples- Part1

          jQuery是近段時間里比較流行的一個JavaScript框架,不斷有使用者開發出新的 jQuery插件。下面收集了50個開發者最喜歡使用的jQuery插件。這僅僅是第一個系列,你先品嘗,第二道大餐即將到來。
          Sliding Panels -滑動門控制
          1) Sliding Panels For jQuery -元素可以展開或關閉,創建出手風琴的滑動效果。

          (2) jQuery Collapse -這個jQuery插件同樣點擊后滑動展開或關閉DIV層。
          Menu - 菜單
          3) LavaLamp

          menu

          (4) A Navigation Menu- 錨鏈接的無序列表嵌套, 可以添加2級菜單

          menu

          (5) SuckerFish Style

          menu

          Tabs - 選項卡
          6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一個Tab選項卡導航

          (7) TabContainer Theme - 當用戶在選項卡之間進行切換時,產生JQuery風格的淡出動效果。


          Accordion- 手風琴效果
          8 ) jQuery Accordion

          Demo
          accordion

          (9) Simple JQuery Accordion menu

          accordion
          SlideShows - 幻燈片
          10) jQZoom-讓你在你的網頁上很簡單的實現圖片的縮放功能。

          rating

          (11) Image/Photo Gallery Viewer- 一個圖像/相片的畫廊展示插件??梢宰屇銓D片進行分組、并產生像Flash一樣的多種瀏覽特效。

          rating
          Transition Effects - 過渡特效
          12) InnerFade - 可以讓網頁中的任何元素產生淡化效果

          (13) Easing Plugin-另外一個簡單的過渡效果插件

          (14) Highlight Fade

          (15) jQuery Cycle Plugin- 擁有多種過渡效果的一個Gallery插件。

          accordion

          奇幻的jQuery
          16) Riding carousels with jQuery - 這個jQuery插件可以生成一個水平或垂直的列表,并且允許你控制DIV層的滑動顯示。

          Demo :

          Color Picker -拾色器
          17) Farbtastic -這個 jQuery 插件可以讓你通過Javascript添加一個或多個拾色器widgets到一個頁面中。

          Demo :

          (18) jQuery Color Picker
          LightBox -燈箱效果
          19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.

          Demo :

          (20) SimpleModal Demos - its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to SimpleModal.

          Demo :

          (21) jQuery lightBox Plugin - simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery′s selector.

          Demo :

          (
          iframe
          22) JQuery iFrame Plugin


          Form Validation -表單驗證器
          23) Validation - 有一套完整相當的形式驗證規則。該插件還動態地創建ID和聯系信息。

          Demo :

          (24) Ajax Form Validation - 在客戶端使用jquery驗證的一種形式,它可以驗證用戶名是否有效等。

          Demo :

          (25) jQuery AlphaNumeric -歡迎對對表單域中的某些字符進行限制


          Form Elements - 表單事件

          (26) jquery.Combobox - 從現在的選擇元素中創建一個個性的HTML組合 Demo is here.

          (27) jQuery Checkbox -樣式化選擇框,從而提高交互能力。

          (28) File Style Plugin for jQuery -File Style插件讓你可以使用圖像做為文件瀏覽按鈕,你還可以樣式化文件名稱區域。
          Star Rating - 星形評級系統
          rating

          (29) Simple Star Rating System

          30)Half-Star Rating Plugin
          ToolTips -提示工具
          31) Tooltip Plugin Examples - 一個花俏的提示應用。 可以對提示信息進行自定義位置, 設置陰影效果和添加更多內容等.你可以點擊demo 演示.

          (32) The jQuery Tooltip

          tool tip
          Tables Plugins -表格插件
          33) Zebra Tables Demo -使用jQuery來創建出斑馬線風格的數據表格,鼠標懸浮時能改變背景色。

          Demo :

          zebra tables

          (34) Table Sorter Plugin - 把一個標準的HTML表格分解成Thead和Tbody標簽構成的分類表格,不需要刷新。它能夠成功地解析和整理多種類型的數據,包括聯系資料。

          table sorter

          (35) AutoScroll for jQuery -可以生成網頁表格的熱點自動滾動效果

          auto scroll

          (36) Scrollable HTML table plugin- 用來轉換表格為普通的滾動HTML。不需要額外的編碼。

          Demo :

          Scrollable table
          Draggable Droppables And Selectables 拖拽
          37) Sortables - 一個簡單強大的拖拽插件。

          sort

          (38) Draggables and droppables- 這是一個很好的演示。用來實現拖拽樹形菜單項目的操作

          drag drop
          Style Switcher - 切換風絡
          39) Switch stylesheets with jQuery允許訪客選擇他們喜歡的網站樣式,使用了Cookie記錄,也就是同一個用戶下次再訪問時,除非他不切換,否則會保留他選擇的樣式。

          Demo演示.
          Rounded Corners 圓角效果
          40) jQuery Corner Demo

          rounded corners

          (41) JQuery Curvy Corners- 這個插件可以讓你生成光滑、無鋸齒的圓角效果。

          rounded corners
          Must See jQuery Examples 應該了解的一些jQuery應用實例
          42) jQuery Air - 一個非常非常特別的客戶管理界面應用插件,太特別了,太太太特別了。

          Demo :

          (43) HeatColor

          Demo :

          (44) Simple jQuery Examples

          (45) Date Picker -一個靈活個性的jQuery日歷組件。

          Demo :

          (46) ScrollTo -這個jQuery插件可以讓你實現當點擊鏈接時中滾動到頁面中的某一對象

          (47) 3-Column Splitter Layout 一個3欄布局分配插件。

          (48) Pager jQuery -一個小巧的 jQuery插件,用來增加分頁的頁碼效果

          (49) Select box manipulation

          (50) Cookie Plugin for jQuery

          51) JQuery BlockUI Plugin

          posted on 2008-09-23 17:59 gembin 閱讀(1226) 評論(0)  編輯  收藏 所屬分類: AjaxCSS 、Javascript

          導航

          統計

          常用鏈接

          留言簿(6)

          隨筆分類(440)

          隨筆檔案(378)

          文章檔案(6)

          新聞檔案(1)

          相冊

          收藏夾(9)

          Adobe

          Android

          AS3

          Blog-Links

          Build

          Design Pattern

          Eclipse

          Favorite Links

          Flickr

          Game Dev

          HBase

          Identity Management

          IT resources

          JEE

          Language

          OpenID

          OSGi

          SOA

          Version Control

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          free counters
          主站蜘蛛池模板: 呈贡县| 永德县| 平顺县| 滁州市| 泰和县| 科技| 凤冈县| 天祝| 大余县| 茂名市| 萨嘎县| 伽师县| 道真| 临猗县| 栾城县| 焉耆| 宜阳县| 尼玛县| 巴青县| 花垣县| 襄樊市| 孙吴县| 邯郸市| 麦盖提县| 岳普湖县| 芦溪县| 玉龙| 昌都县| 霞浦县| 隆林| 廉江市| 沿河| 兴安县| 泗洪县| 西藏| 海门市| 延津县| 南雄市| 武山县| 丰镇市| 大田县|