隨筆分類 - jQuery
jQuery相關文章
摘要：
《Web 前端開發精華文章推薦》2013年第六期（總第十八期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
《Web 前端開發精華文章推薦》2013年第六期（總第十八期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
摘要：EasyDropDown 是一個 jQuery 插件，你可以毫不費力地將簡陋的 Select 元素設置為可定制風格的下拉菜單，用于表單或者一般的導航。和著名的下拉插件 Chosen 很像，但是具有自己的特點，例如：簡潔，語義標記，兼容表單驗證，完整的鍵盤控制，文本搜索，滾動支持，在觸摸設備上降級為原生UI 等等眾多優點。
閱讀全文
摘要：Salvattore 是一個 jQuery 砌體的替代，使用 CSS 驅動的配置。Salvattore 根據您指定的列數組織你的 HTML 元素。容器中的每一個項目會一個接一個被放置在列內，只需要簡單地添加一個 data-columns 屬性。在你的 CSS 文件中，你可以設置你想為元素創建的列數。要創建一個具有響應性的柱狀設計，只需使用媒體查詢。項目附加在同一容器的前面，不會發生沖突。您可以結合 XHR 功能的 API 實現動態的布局。
閱讀全文
摘要：NProgress.js 是納米級的進度條插件。擁有逼真的的涓涓細流動畫效果來告訴你的用戶，某些事情正在發生。它的靈感來自于谷歌，YouTube，應用了，這款苗條的進度條是完美的，適用于 Turbolinks，Pjax 以及其他重 Ajax 的應用程序。
閱讀全文
摘要：元素固定效果在網頁中應用得很多，比較常見的使用場景有改進導航，顯示廣告。Sticky-Kit 是一個非常方便的 jQuery 插件，簡化了創建/管理粘元素，有復雜的使用功能。這些功能包括：處理多個固定元素，啟用/禁用的行為取決于對元素在視口中的位置和回調。它也有一個函數重新計算尺寸，從而簡化了在瀏覽器調整大小時的使用。
閱讀全文
摘要：長陰影其實就是擴展了對象的投影，感覺是一種光線照射下的影子，通常采用角度為 45 度的投影，給對象添加了一份立體感。長陰影快速發展為流行的設計趨勢，并經常被應用到扁平設計方案的對象。更詳細的介紹可以閱讀《扁平化設計的最新趨勢 – 長陰影》一文，相信看了之后你會長陰影設計有更深的了解。
閱讀全文
摘要：FancySelect 這款插件是 Web 開發中下拉框功能的一個更好的選擇。FancySelect 使用方便，只要綁定頁面上的任何 Select 元素，并調用就 .fancySelect() 就可以了。默認情況下，FancySelect 在移動設備上使用原生的選擇功能和風格。
閱讀全文
摘要：相信很多用過 Path 的都對它的獨特的旋轉導航菜單有深刻的印象，這個功能也被很多的 Web 開發者模仿。今天分享的這款插件可以方便的在你的網站中加入和 Path 一樣的旋轉菜單，可以自定義效果。
閱讀全文
摘要：MixItUp 是一款輕量，但功能強大的 jQuery 插件，提供了對分類和有序內容的美麗的動畫過濾和排序功能。特別適合用于作品集網站，畫廊，圖片博客以及任何的分類或有序內容。它是如何工作的？ MixItUp 根據你的過濾條件決定哪些內容隱藏，顯示或重新定位，然后應用 CSS3 transitions 平滑動畫到新位置。這是一個非常有效的方法，借助了現代瀏覽器的渲染能力，并避免過多的使用 jQuery 進行 DOM 操作。
閱讀全文
摘要：今天，給大家分享來自 Quess 的如何實現圖片的形狀遮罩和放大動畫效果。在很多作品集網站中，我們經常能看到這樣的造型和效果。就個人而言，我覺得我們不能因為舊的瀏覽器不支持，我們就放棄在項目中使用 HTML5 或者 CSS3 技術。我們應該“獎勵”使用現代瀏覽器的用戶，給他們一個更好的用戶體驗。
閱讀全文
摘要：這篇文章是《Web 開發最有用的50款 jQuery 插件集錦》系列的最后一篇，整個系列向大家分享了在網站開發中非常有幫助的 50 款 jQuery 插件，這些插件按用途主要有以下類別：網頁布局插件，導航插件，表格插件，滑塊和轉盤插件，圖表插件，圖片特效插件，視頻插件等等，系列其它文章列表如下：
閱讀全文
摘要：這是一款非常棒的圖片對比工具，能夠方便的應用到你的網站中。其基本思路是把兩張圖片層疊在一起，當你拖動滑竿的時候，利用 CSS clip 裁剪圖片，進行形成視覺對比效果。
閱讀全文
摘要：Smint 是一款用于實現單頁風格網站的 jQuery 導航插件，包含兩部分：固定在頁面頂部的精美導航條和能夠在你點擊的時候自動滾動到對應內容的菜單按鈕。Smint 使用非常簡單，只有一個參數用于設置頁面滾動的速度，默認是 500 毫秒，你可以設置為需要的任何值。
閱讀全文
摘要：《Web 前端開發精華文章推薦》2013年第五期（總第十七期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
《Web 前端開發精華文章推薦》2013年第五期（總第十七期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
摘要：Hashslider 實現了常見的 jQuery 滑塊的功能，特別之處在于給 URL 加上了標簽，因此你能夠連接到滑塊的某塊內容。滑塊的內容也可以從外部的 HTML 文件獲取。
閱讀全文
摘要：盡管各種 JavaScirpt 框架和庫層出不窮，jQuery 仍然是 Web 前端開發中最常用的工具庫。今天，向大家分享我覺得在網站開發中10個簡單實用的 jQuery 代碼片段。
閱讀全文
摘要：S Gallery 是一款響應式的 jQuery 相冊插件。使用了 HTML5 全屏 API 以及 CSS3 動畫 和 CSS3 轉換，所以只能在支持這些功能的瀏覽器中使用。這款插件它有一個特色功能：退出幻燈片模式回到網格視圖模式，最后一張活躍的圖片會以動畫形式回到網格視圖中的初始位置，因此用戶知道他們瀏覽到畫廊中的哪張圖片上。
閱讀全文
摘要：MasonJS 插件用來解決目前大多數的網格系統使用中的問題——間距。當使用 Masonry，Isotope 或任何其他網格插件時，布局中會出現空白或邊緣參差不齊的情況。MasonJS 可以幫助你填補這些布局中的缺口。
閱讀全文
摘要：PopEasy 是一款輕量的 jQuery 插件，可以幫助開發人員容易的創建效果精美的模態窗口。PopEasy 在主流瀏覽器中都能夠正常工作，同時兼容 IE 7 哦。
閱讀全文
摘要：Tourist.js 是一個基于 Backbone 和 jQuery 開發的輕量庫，幫助你在應用程序創建簡單易用的操作指南和導航功能。相比網站，它更適合用于復雜的，單頁網站類型的應用程序。Tourist.js 能夠靈活控制的每個步驟的界面。
閱讀全文
浙公網安備 33010602011771號