|
|
小序:
整理下自己項目中常用的幾款jQuery插件, 發(fā)上來共享下, 另外作下說明, 由于自己大部分插件都是貢獻在jQuery.com上的, 所以注釋, demo 什么的基本上都是英文, 還請各位看官見諒.
正卷:
- Facebook/Xiaonei 風(fēng)格模態(tài)框
效果圖:
簡介:
使用 div, table 和 opacity 效果實現(xiàn)模態(tài)框效果...
導(dǎo)航:
詳細(xì)介紹 | 在線演示 - Tabpanel - jerichotab
效果圖:
簡介:
jerichoTab是一款模擬 firefox 標(biāo)簽頁的插件, 通過豐富的API可以輕松的實現(xiàn)動態(tài)添加, 刪除, 激活tab, 當(dāng)tab頁過多時會在左右兩段增加滾動條...
導(dǎo)航:
詳細(xì)介紹 | 在線演示 - jCheckbox:
效果圖:
簡介:
jCheckbox用于模擬checkbox的效果, 方便開發(fā)人員自定義外觀, 由于所有的屬性都綁定到目標(biāo)checkbox, 所以不必?fù)?dān)心狀態(tài)保存或取值的問題...
導(dǎo)航:
詳細(xì)介紹 | 在線演示 - Drag and Drop:
效果圖:
簡介:
dragndrop為開發(fā)人員實現(xiàn)dom拖拽提供了更簡單的方法, 并可以監(jiān)視對象dom的位置以便進行數(shù)據(jù)(position)存儲...
導(dǎo)航:
詳細(xì)介紹 | 在線演示 - Resizable:
效果圖:
簡介:
resizable插件使html dom resize更易于實現(xiàn)(這句話真別扭)...
導(dǎo)航:
詳細(xì)介紹 | 在線演示
心得:
其實在我看來, 盯著jQuery的參考文章看是不會有長足進步的, 因為一本簡單的<>就可以滿足你的全部要求, 只要你熟悉css, 熟悉Javascript, 熟悉json 那么恭喜你, 直接下幾個插件代碼吧, 看看查查, 查查看看, 你也會說: "哦, 原來jQuery也就是那么會事兒, 也就是個復(fù)雜的鏈?zhǔn)浇Y(jié)構(gòu).", 那么還等什么, 直接寫代碼吧(選擇器, dom, ajax 這些都是必備的基礎(chǔ)知識, 記不住就 API 手冊里查吧).
通俗點講, jQuery就是一臺NB哄哄的引擎, 你完全沒有必要去了解它的實現(xiàn)方式(如果你想我也不反對), 你才是那個萬能的設(shè)計師, 發(fā)揮你的想象力, 運用css, js去為它裝上輪胎, 噴上烤漆, 所以現(xiàn)在才有那么多充滿想象力和RIA風(fēng)格的jq插件.
- 基礎(chǔ):
做Web的就應(yīng)該做的象個做Web的, 任何時候都不要過于依賴美工, photoshop, css 都是應(yīng)該掌握的工具/技能.有時候你還得做個'圖片收藏家'.
- 偏見:
舉個簡單的例子 - 資深的Web工程師不會為用table還是div而煩惱, 那只能作為入門者爭吵的焦點, 額, 我想說的是, 想用table的時候就大膽的用吧, 有時候比div效果來的好~~~
- 技巧:
一個插件之所以吸引人的關(guān)鍵在于UI, 技巧, 大小, 效率, 當(dāng)很多人看到人寫一段很經(jīng)典的代碼時, 往往會說:"哦, 是這樣啊, 很簡單的方法啊, 我也會.", 這樣的人是最沒品的, 事后諸葛. 技巧其實是個很實在的東西, 它存在, 但是很少有人能找到, 比如 jq 中的 json + eval, each + ajax, array + map , 那么我同樣舉個簡單的例子: 兩個json對象, min:{width:0,height:0}, max:{width:200,height:100} 當(dāng)我對一個dom resize時會保證這個dom的長短不會超過min和max的限制. 使用w參數(shù)來獲取當(dāng)前的dom對象長度, 不加思索的人會說, if...else...下就可以, 但為什么不試試
1
var newWidth = Math.min(Math.max(w, min.width), ps.max.width); it知識庫：jQuery 相關(guān) / 插件，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
