摘要： 日期：2011/12/01 來源：GBin1.com在線演示 Masonry是 一款非常強大的jQuery動態網格布局插件，可以幫助開發人員快速開發類似剪貼畫的界面效果。和CSS中float的效果不太一樣的地方在 于，float先水平排列，然后再垂直排列，使用Masonry則垂直排列元素，然后將下一個元素放置到網格中的下一個開發區域。這種效果可以最小化處理 不同高度的元素在垂直方向的間隙。如下：在上圖中大家可以看到，在網格布局中使用float來處理不同高度的元素會使得垂直方向的元素間間隔比較大，而使用Masonry處理后，間隔變小。Javascript首先倒入類庫，如下：<script 閱讀全文

摘要： jQuery技術在線小測試:http://www.gbin1.com/technology/onlinequiz/jqueryquiz/ 閱讀全文

摘要： 日期：2011/11/28 來源：GBin1.comjQuery中的鼠標事件中有mouseout和mouseleave倆個看起來類似的事件。這倆個事件的使用有些區別，如下是jQuery文檔中的官方解析：The mouseleave event differs from mouseout in the way it handles event bubbling. If mouseout were used in this example, then when the mouse pointer moved out of the Inner element, the handler would b 閱讀全文

摘要： 在線演示 偶然發現一個非常不錯的生成在線測試的jQuery插件 - jQuizzy，這個插件能夠幫助你快速的生成一個非常漂亮的在線測試應用。主要特性：界面非常整潔漂亮界面互動同一個頁面多個測試題無需HTML。通過簡單的javascript定義測試問題完全支持定制，皮膚并且可以擴展商業使用需要付費15美金Javascript倒入類庫及其問題js:<script src="js/init.js"></script><script src="js/jquery.js"></script><script sr 閱讀全文

摘要： 日期：2011/11/26這里我們收集了10個你可能沒有看過的最好的動畫教程。有些非常簡單但是效果非常棒，如果你想自己開發一些非常酷的應用，這些教程是你能找到的不錯的資源之一。希望大家喜歡，如果你有更好的教程和資源，請你給我們留言！1. jQuery開發的令人印象深刻的動畫風景標題這是個卡通主題的風景，使用動畫滑動顯示隱藏的元素。下面的截圖演示了頁面動畫效果在線演示2. jQuery實現的冒煙效果非常棒的一個動畫冒煙效果在線演示3. BBC Radio 1 Zoom Tabs學習這個教程你可以明白如何開發一個BBC Radio縮放標簽頁效果，當鼠標滾動到圖片區，標簽頁滑出，圖片縮放了一些用來更 閱讀全文

摘要： 今天介紹一款全屏的幻燈展示jQuery插件supersized，這個插件可以幫助你全屏展示大圖片或者大背景，擁有獨立的主題及其動態加載特性。在線演示 主要特性：能夠自動修改圖片大小適合瀏覽器的頁面大小通過幻燈展示的循環背景可以動態加載并且可以設置變化方式核心版本可以支持僅僅需要背景變化大小的需要鍵盤導航整合Flickr - 可以從用戶，組或者集合中拉取圖片參考網站項目頁面來查看更多信息Supersized 3.2新特性完整的重寫了代碼更多地選項，包括阻止幻燈被中斷鏈接到幻燈頁面允許直接調用功能（例如，播放，停止，前進，后退等）主題文件和基本文件分離，更加容易升級Javascript倒入jQue 閱讀全文

摘要： 在線演示在線下載最近需要尋找一個比較酷的頁面幻燈顯示插件，發現Nivo Slider是一個非常不錯的選擇。如果你需要演示新產品，或者你需要比較酷的幻燈片轉化效果，Nivo幻燈是你的一個選擇之一。主要特性：號稱世界最棒的jQuery幻燈插件16種幻燈變化的特效簡單并且配置靈活體積小并且符合語義jQuery插件使用免費（但是wordpress插件需要付費：20美元）這里我稍微說一下，jQuery的插件到處都有，我們需要有目的的選擇一下插件，這個網站擁有自己獨立的網站，網站非常正規，別的不說，使用著就放心。而且有技術支持團隊，不過只支持付費用戶。幻燈效果和效率都不錯，堪比flash的幻燈。例如， 這 閱讀全文

摘要： 日期：2011/11/23 來源：GBin1.com jQuery的平滑頁面內錨定插件提供給你一個輕量級的腳本幫助你添加頁面內的錨定幫助你平滑的滾動頁面。當然這里有其它的類似插件，不過這個是比較輕量級的版本。只有2kb，希望大家喜歡！在線演示 jQuery代碼var JQUERY4U = {}JQUERY4U.UTIL = { /* * Utility function used to make anchor links animate smoothly instead of jumping. */ smoothAnchor: function (anchorCla... 閱讀全文

摘要： 日期：2011/11/21 GBin1.com基于文字的logo是設計者根據文字形狀發揮想象創意的設計。Logo的設計是商業的圖形化代表，它代表了商業產品特點，因此Logo應該根據公司的信譽來設計。因 為Logo的設計追求簡單并且明了然而依然可以清晰的體現logo設計的含義。文字化的logo設計能很好的完成這個需要因為他們簡單并且優秀。可能文字 化的logo是最有效的來滿足用戶及其潛在需要的設計方式。我們的網站GBin1.com同時也是采用了文字化的logo。它簡單明了，并且能夠讓你一眼 就記住網站地址。在今天的這篇文章中，這里我們將介紹50款我們收集的富有創業的文字類型的Logo，希望大家能 閱讀全文

摘要： 日期：2011/11/21 GBin1.com 即 使web設計已經成為一個真正的產業，開發一個網站仍舊是技術和藝術的結合。一個網站的設計即可以帶來大量流量，同時也可以嚇走大量用戶。當然這些都和設 計師相關。經驗，天份和能力三方面的努力是一個設計師最強大的工具，一個設計精良的布局是所有這些的基礎。而且，這也是一個非常耗時的工作。設計一個非常好的布局是一件非常不容易的事情，而且判斷的方式也非常的主觀。任何一個設計可能會取悅你，也可能讓其它人厭惡。盡管這樣，這里仍舊有些大家都承認的設計誤區。為了幫助大家來避免這些錯誤和誤區，我們列出了一些設計的小技巧。我們同時也希望大家能夠幫助我們完善這些小技巧。 閱讀全文

摘要： 日期：2011/11/19 來源：GBin1.com一個快速添加懸浮效果，快速輪換，jQuery實現的幻燈播放效果。在線演示 原文來自： 使用jQuery實現鼠標懸浮圖片輪換效果 閱讀全文

摘要： 日期：2011/11/19 昨天我們介紹了一款HTML5文件上傳的jQuery插件：jQuery HTML5 uploader，今天我們將開發一個簡單的叫upload center的圖片上傳程序，允許用戶使用拖拽方式來上傳電腦上的圖片，使用現在瀏覽器支持新的HTML5 API。圖片將會有一個預覽和進度條，都由客戶端控制。目前，圖片都保存在服務器上的一個目錄里，當然你可以自己加強相關功能。在線演示 在線下載 什么是HTML文件上傳？使用HTML5上傳文件其實綜合使用了3種技術，新的File Reader API，還有新的Drag&Drop API，以及AJAX技術（包含2進制的數據傳輸） 閱讀全文

摘要： 隨著HTML5的使用越來越被大家接受，基于HTML5的技術和插件也會變得越來越廣泛，今天我們介紹一款基于HTML5和jQuery的上傳插件: jQuery HTML5 uploader。使用這個插件將會使得文件上傳變得簡單和有趣，你只需要拖拽文件到頁面特定區域就可以上傳文件。在線演示 在線下載 使用方法：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><s 閱讀全文

摘要： 日期：2011/11/17 來源：GBin1.com 今天介紹一個非常可愛漂亮的滾動到頂端的插件,無需設置。它能快速的將頁面里的元素添加滾動到頂端的功能。而且只在滾動時才出現，當滾動到頂端自動消失。在線演示在線下載支持：Firefox, Chrome and IE7+Javascript<script type="text/javascript" src="js/jquery.backtotop.js"></script><script type="text/javascript"> $(" 閱讀全文

摘要： 日期：2011/11/16 在這篇文章中，我們將介紹15個讓你的jQuery更加有效的技巧，大部分關于性能提升的，希望大家能夠喜歡！1. 盡量使用最新版本的jQuery類庫jQuery項目中使用了大量的創新。最好的方法來提高性能就是使用最新版本的jQuery。每一個新的版本都包含了優化的bug修復。對我們來說唯一要干的就是修改tag，何樂而不為呢？我們也可以使用免費的CDN服務，例如， Googl... 閱讀全文