6個新jQuery技術讓你的設計內容更有趣

itindex.net發表於2012-08-16

  設計師們不斷努力創造醒目和不失實用性功能的互動式佈局,以增強重要的使用者體驗。由於時下有各種形式的技術可以使用,選擇時十分眼花繚亂。而內容可以幫助提升設計,或為聚焦服務。這裡主要挑戰是讓事情簡單化,因為我們處理的互動式內容,會經常變化。話雖如此,讓我們看看這6個jQuery技術,它們提供了豐富的瀏覽體驗。

1、JQUERY TRANSIT

  平滑的 CSS3 和 jquery 過渡動畫

  一個非常有用的jQuery外掛,和animate() 方法一樣以同樣的方式工作,但由CSS3實現過渡。你可以利用CSS3在任何裝置上實現轉換和過渡動畫。包括:平移,旋轉角度,縮放,傾斜等。

2. THE WOOKMARK JQUERY PLUGIN

  以瀑布流方式佈局一系列元素

  Woomark jQuery外掛能自動排列,並建立一個動態的響應瀏覽器大小的box grid 網格佈局。這非常適合以簡約和時尚的方式展示大量內容。

3. FILTRIFY

  使用HTML5和jQuery的漂亮的標籤過濾器

  Filtrify是一種先進的標籤過濾外掛,受到多個選擇功能和Orman Clark的垂直導航選單的啟發。

  你可以在多個不同類別的標籤中搜尋標籤和過濾專案,並得到相關標籤下專案的實時反饋。

4. SCROLLORAMA

  一個很酷的滾動條 jQuery 外掛

  允許你建立任何數值CSS屬性的轉換動畫,Scrollorama是開發滾動網站最快捷的方法之一。

  它將內容劃分成塊,它很簡單地能在瀏覽器視窗滾動時網頁上的元素產生動畫。

5. MAGNIFYING GLASS FOR IMAGE ZOOM

  使用jQuery和CSS3建立一個現實的放大鏡

  程式碼使用CSS3的框陰影和邊界半徑屬性來建立放大鏡。 jQuery是用來定位在游標的座標,並相應改變背景的位置。

6. BACKBONE.NOTIFIER

  顯示和控制UI的通知

  BACKBONE.NOTIFIER是一個強大的和靈活的框架,用於顯示和控制建於jQuery,Backbone.js和Underscore.js之上的對話方塊通知。

  目前有大量的選項,定製時間,樣式,大小和位置,甚至在未來加入更多的功能。包括樣式,是完全可定製的,而且不需要額外的CSS並可擴充套件的由於智慧模組架構。

相關文章