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框架,不斷有使用者開發(fā)出新的 jQuery插件。下面收集了50個開發(fā)者最喜歡使用的jQuery插件。這僅僅是第一個系列,你先品嘗,第二道大餐即將到來。
          Sliding Panels -滑動門控制
          1) Sliding Panels For jQuery -元素可以展開或關閉,創(chuàng)建出手風琴的滑動效果。

          (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 - 當用戶在選項卡之間進行切換時,產(chǎn)生JQuery風格的淡出動效果。


          Accordion- 手風琴效果
          8 ) jQuery Accordion

          Demo
          accordion

          (9) Simple JQuery Accordion menu

          accordion
          SlideShows - 幻燈片
          10) jQZoom-讓你在你的網(wǎng)頁上很簡單的實現(xiàn)圖片的縮放功能。

          rating

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

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

          (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 - 有一套完整相當?shù)男问津炞C規(guī)則。該插件還動態(tài)地創(chuàng)建ID和聯(lián)系信息。

          Demo :

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

          Demo :

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


          Form Elements - 表單事件

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

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

          (28) File Style Plugin for jQuery -File Style插件讓你可以使用圖像做為文件瀏覽按鈕,你還可以樣式化文件名稱區(qū)域。
          Star Rating - 星形評級系統(tǒng)
          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來創(chuàng)建出斑馬線風格的數(shù)據(jù)表格,鼠標懸浮時能改變背景色。

          Demo :

          zebra tables

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

          table sorter

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

          auto scroll

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

          Demo :

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

          sort

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

          drag drop
          Style Switcher - 切換風絡
          39) Switch stylesheets with jQuery允許訪客選擇他們喜歡的網(wǎng)站樣式,使用了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插件可以讓你實現(xiàn)當點擊鏈接時中滾動到頁面中的某一對象

          (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 閱讀(1241) 評論(0)  編輯  收藏 所屬分類: Ajax 、CSS 、Javascript

          導航

          統(tǒng)計

          常用鏈接

          留言簿(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
          主站蜘蛛池模板: 滕州市| 云阳县| 乳山市| 渭南市| 凌源市| 六安市| 晋中市| 延川县| 民县| 甘孜县| 康乐县| 高邮市| 新野县| 山东省| 海口市| 东平县| 淳安县| 北安市| 当涂县| 绥棱县| 东城区| 西乌| 阿拉尔市| 阳朔县| 县级市| 翁牛特旗| 鄂尔多斯市| 扎赉特旗| 大理市| 彰武县| 罗江县| 大名县| 黄梅县| 泾源县| 东宁县| 赣州市| 嘉鱼县| 云浮市| 昭平县| 蕲春县| 方城县|