隨筆分類 - jQuery
jQuery相關文章
摘要：Lazy Line Painter 是基于 Rapha?l 矢量圖形庫的 jQuery 路徑動畫插件，能夠把線條圖案轉換為有趣的動畫繪制模式。使用方法：首先在 Illustrator 中把線條圖形導出為 SVG 格式，要確保圖案不填充，沒有封閉路徑，線條要有明顯的開始和結束點，類似畫板繪制的圖案；然后把導出的 SVG 文件拖放到 Lazy Line Painter 轉換器中，拷貝生成的 JavaScript 代碼；最后在頁面中引入 jQuery、Rapha?l & Lazylinepainter，粘貼之前拷貝的代碼到 DOM Ready 方法中。
閱讀全文
摘要：2012年，眾多的 jQuery 新插件發布出來，可以說是一個偉大的 jQuery 年份。這個系列的文章向大家分享最具創新的，同時也是最有用的50款 jQuery 插件，這些插件分成以下類別：網頁布局插件，導航插件，表格插件，滑塊和轉盤插件，圖表插件，圖片特效插件，視頻插件等等，將陸續分享給大家，記得關注和收藏啊。
閱讀全文
摘要：文框輸入框的自動完成和自動提示功能可以幫助用戶快速的完成操作，是非常好的產品使用體驗。這里向大家推薦一款優秀的 jQuery 文本輸入框自動完成 & 自動提示插件，幫助你在網站中輕松添加輸入框的自動完成和自動提示功能。
閱讀全文
摘要：Motio 是一個簡單但功能強大的的實現精靈動畫和平移的 jQuery 插件。Motio 要求元素在動畫容器內，在 CSS 背景圖像中實現動畫效果。在基于精靈的動畫中，容器應該和一幀精靈的尺寸一樣。例如，如果你有10幀水平方向的精靈，總共 1000 x 100 像素，那么動畫容器應為 100×100 像素大。
閱讀全文
摘要：這篇文章向大家推薦8款時尚的 jQuery 圖片滾動插件。jQuery 是最流行和使用最廣泛的 JavaScript 框架，它可以讓幫助你在你的項目中加入一些很炫的圖片滾動效果。希望這些插件對你有所幫助，能夠幫助你節省時間和精力。
閱讀全文
摘要：圖片輪播是網站中的常用功能，用于在有限的網頁空間內展示一組產品圖片或者照片，同時還有非常吸引人的動畫效果。今天這篇文章向大家推薦12款非常實用的 jQuery 圖片輪播效果插件，它們可以讓幫助你在你的項目中加入一些效果精美的圖片輪播效果，希望這些插件能夠幫助到你。
閱讀全文
摘要：2012年，Web 開發領域繼續在快速的發展，HTML5 仍然在展示其跨平臺的優越性，CSS3 被人們更多的應用到實際項目中，響應式設計（Responsive Design）技巧也被人越來越多的人熟知和使用。技術的快速發展讓 Web 開發人員學習起來不知所措，幸運的是，很多優秀的開發者和設計人員在努力尋找各種有特色的解決方案。 因此，我們有了很多優秀的小工具和庫，每一個都是用來解決特定的問題或維護一組特定的項目。這篇文章收集了2012年度新發布的最具有代表性 Web 前端開發工具和框架，這是一個非常值得收藏的工具列表。
閱讀全文
摘要：一年一度的圣誕節又到了，首先祝大家好運一串串，健康一年年，平安到永遠！在這個特殊的日子里，處處洋溢著節日的氣氛，空中飄落的雪花更顯得浪漫！今天就教大家如何在博客中添加紛紛揚揚的下雪效果。
閱讀全文
摘要：
讓人期待已久的2012年度最佳 jQuery 插件終于發布了。jQuery 自2006年發布以來，經過6年的迅速發展，目前已是最流行和使用最廣泛的 JavaScript 框架，這主要歸功于眾多圍繞 jQuery 的技術社區。jQuery 社區的開發者持續不斷的在發布各種 jQuery 插件，Web 開發人員能夠非常輕松把一些驚艷的功能到項目中。
閱讀全文
讓人期待已久的2012年度最佳 jQuery 插件終于發布了。jQuery 自2006年發布以來，經過6年的迅速發展，目前已是最流行和使用最廣泛的 JavaScript 框架，這主要歸功于眾多圍繞 jQuery 的技術社區。jQuery 社區的開發者持續不斷的在發布各種 jQuery 插件，Web 開發人員能夠非常輕松把一些驚艷的功能到項目中。
閱讀全文
摘要：2012年，Web 開發領域繼續在快速的發展，HTML5 仍然在展示其跨平臺的優越性，CSS3 被人們更多的應用到實際項目中，響應式設計（Responsive Design）技巧也被人越來越多的人熟知和使用。這篇文章收集了2012年度新發布的最具有代表性 Web 前端開發工具和框架，這是一個非常值得收藏的工具列表，從功能全面的 IDE 到美觀、充滿異國情調的小框架，小工具等等。他們能夠幫助你降低 Web 開發過程中的復雜度，節省時間和精力。
閱讀全文
摘要：對于一個給定的輸入框，如果在文本超過輸入框的時候能顯示當前光標在整個輸入的字符串中所在的位置和剩余多少文本，那將會非常棒！如果可以在任何網站不修改DOM就可以實現這個功能，那該多好。在這篇文章中，我們使用 jQuery 實現智能輸入框光標的位置。它不需要圖像，是使用純粹的 CSS 實現的，而且實時、準確，這意味著你在添加或刪除文本的時候它會自動適應。使用事件代理機制實現，所以不用擔心性能問題。
閱讀全文
摘要：
2012年12月12日，【《Web 前端開發人員和設計師必讀文章》系列十二】和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
2012年12月12日，【《Web 前端開發人員和設計師必讀文章》系列十二】和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
摘要：這篇文章向大家推薦幾個漂亮的 jQuery 圖片切換效果插件。jQuery 是一個非常優秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇。其中，jQuery 最令人印象深刻的應用之一就是對圖片的處理，它可以讓幫助你在你的項目中加入一些讓人驚嘆的圖片切換效果。
閱讀全文
摘要：倒計時功能是非常有用的一個小功能，可以告訴用戶多久以后您的網站將會發布或者關閉進行維護，還可以用于舉辦活動的開始和停止的倒計時。今天，在這篇文章中收集了12優秀的倒計時腳本，有一天你可能會用到的。
閱讀全文
摘要：在 Web 開發中經常會碰到需要動態監聽輸入框值變化的情況，例如類似發表微博時候顯示剩余的可輸入字數等等。如果使用 onkeydown、onkeypress、onkeyup 這個幾個鍵盤事件來監測的話，監聽不了右鍵的復制、剪貼和粘貼這些操作，處理組合快捷鍵也很麻煩。因此，這篇文章介紹一種完美的解決方案：使用 oninput & onpropertychange 來監聽輸入框值變化。
閱讀全文
摘要：Tab 標簽頁也稱為選項卡或者切換，是網站的常用功能，適合用于一組內容之間的切換顯示。使用流行的 jQuery 庫實現選項卡切換功能非常簡單，雖然風格多種多樣，但實現思路都是一樣的。這篇文章精心挑選了10款最常用的 jQuery Tab 切換插件推薦給大家，這些優秀的 jQuery 插件能夠幫助你改進網站中的選項卡功能的用戶體驗。
閱讀全文
摘要：jQuery UI 是官方的 jQuery 用戶界面庫，包含底層用戶交互組件（日歷，選項卡，滑塊，手風琴，進度條，彈窗等等），Web 開發人員可以直接用它來構建具有良好交互體驗的 Web 應用。jQuery UI 還帶有可視化的主題定制工具 ThemeRoller，可以很方便的調整主題顏色風格。如果你正在尋找高度定制、高質量和免費的 jQuery UI 主題，那么下面這些就是你需要的。
閱讀全文
摘要：之前的文章向大家分享了實現網站功能的各種插件，今天這篇文章向大家推薦7款精心挑選的 jQuery 全景圖片展示插件，同時還有非常詳細的制作教程可以參考。全景圖片展示是一種非常有趣的技術，通過把多張圖片合并在一起讓你可以360度瀏覽。這種效果常用于旅游網站或者酒店網站，用于展示風景或者房間的內景。
閱讀全文
摘要：這篇文章繼續給大家帶來最近兩個月發布在《夢想天空》的優秀文章，特別推薦給 Web 開發人員和設計師閱讀。夢天空博客關注 前端開發 技術，展示前沿 HTML5 和 CSS3 技術應用，分享實用的 jQuery 插件，推薦優秀的 網頁設計 案例，共享精美的 設計素材 和優秀的 Web 開發工具。希望這些文章能幫助到您。
閱讀全文
摘要：之前的文章向大家分享了實現網站功能的各種優秀的 jQuery 插件，今天這篇文章向大家推薦10款基于 jQuery 的圖片360度旋轉插件，同時還有非常詳細的制作教程可以學習和參考。圖片旋轉展示是一種非常有趣的技術，通過把多張圖片合并在一起讓你可以實現360度瀏覽，這種效果常用于旅游網站或者酒店網站，用于展示風景或者房間的內景。
閱讀全文
浙公網安備 33010602011771號