新 UI組件 為 Web

ProBars基本上是一個進度條控件，簡單和可定制的插件，允許開發人員在一個水平的動畫條的形式添加預加載和狀態指示燈。酒吧的顏色和填充百分比是可調，以及它們的圖形包（條紋或無條紋）。樣式是通過CSS類控制，而填充比例通過HTML 5數據屬性的管理。一個演示包括在下載包 什麼在此版本中是新的： 在“代替visible.js”插件與“appear.js”與動畫插件一致。刪除'smoothscroll.js“插件的演示。 什麼版本1.0是新的： 在初始提交 要求： ...

擴大圖像菜單實際上不是一個菜單，但它是一個相當複雜和漂亮的UI控件，以在網站上使用。默認情況下，在頁面加載，一些圖像面板的顯示，都崩潰了。單擊面板上會展開它並顯示一個小的標題和文字說明。單擊同一面板或另一面板上將使當前面板崩塌而另一個打開。。擴大圖像菜單還默認支持在頁面加載打開面板或使用外部控制打開特定的面板 要求： 在客戶端中啟用JavaScript...

的動畫按鈕用CSS3收集包括七個不同風格的按鈕包。演示，所有的風格都包含在下載包。每個按鈕的風格是從其他完全獨特的包涵蓋了一系列廣泛的使用場景，從操作按鈕，形成提交按鈕，甚至經典的添加到購物車按鈕。有圖標和附加輔助文本甚至按鈕。當然一切順利通過CSS3懸停時的動畫 要求： 在CSS...

要使用“CSS3圖案按鈕”，你必須知道如何將一個類添加到HTML元素。而且因為這是你在HTML和CSS培訓班學到的第一件事，這意味著任何人都可以使用這個免費的按鈕集合。缺省情況下，對CSS3圖案按鈕樣式表包括一個基本（白色）的風格和附加彩色版本為紅色，綠色和藍色。默認按鈕的大小是中等的，但額外的小尺寸和大尺寸也包括與CSS樣式表。你可以在自己的大小和顏色樣式很方便地使用這些預設代碼，自定義的任何一個項目可能需要的按鈕組件。所有的按鈕樣式的樣本頁面包含在下載包 功能： ...

StickySort可以用來將靜態HTML表格變成完全交互式的數據網格組件。StickySort可以使表的標頭粘在頁面的頂部，如果用戶向下滾動和表頭熄滅屏幕。它也可以使固定的表頭，列或行滾動表為好，以防大數據網格需要裝進更小的區域，始終需要保持屏幕上的重要信息。在此之上，StickySort還可以添加排序控制表中的列，允許用戶數據，因為他認為合適的排序，這樣他就可以找到的物品更容易。【舉例和使用說明都包含在StickySort包 要求： 在客戶端中啟用JavaScript...

不像類似的提示系統，可以simpleTooltip實際工作沒有JavaScript。simpleTooltip的JavaScript的部分只處理中心的內容和處理大塊的提示裡面的文字。其餘的是通過CSS 3和HTML 5的處理，創造一個非常非侵入系統提示要在頁面上使用那裡的已經太多的JavaScript被加載，並在頁面加載執行。一個演示和文檔頁面包含在標準simpleTooltip包展示了其能力 功能： ...

此外表單域，最難的HTML元素的一個操作的表。他們很難通過CSS樣式也非常努力通過JavaScript處理。這就是為什麼在極少數的響應式網頁設計（RWD）的框架和UI工具包，該表UI元素被處理，並正確格式化為小屏幕。作為“響應表”的jQuery插件可以讓開發人員基於可用的屏幕尺寸拿表中的列並為它們分配一個優先級的可視性。所以當頁面從一個較小的屏幕訪問，只有具有優先級的表列將被顯示的基礎上，屏幕分辨率。列的其餘部分將僅被隱藏，用特製的選擇表中，用戶可以在激活一個列並隱藏其他的右上角。這可以是非常有用的，尤其對...

goalProgress是非常容易安裝。只要告訴它的目標和當前狀態，它會自動創建一個進度條，填補所以它反映了狀態/目標值的百分比。此外文本可以之前和當前狀態之後加入，因此該插件可用於各種各樣的目的，不只是為了籌集資金。goalProgress還支持里程碑，在這之後的特殊CSS樣式可以應用，幫助開發人員表明，最終目標是在視線上的進度條具體點。一個小的演示包括在goalProgress包 要求： 在客戶端中啟用JavaScript...

完全通過CSS 3動畫，並使用JavaScript的一點點地添加和刪除頁面微調，（CS）微調是對經典的基於Flash的預加載的是與所有的網站模板使用點一個現代的解決方案。擁有超過15+效果可供選擇，（CS）微調允許開發人員隱藏精美和揭示的內容在其網頁上有微調的幫助下，內容裝載作業全能識別元素。紗廠是非常易於部署，僅僅通過增加一些適當的類需要在上面飛旋的元素。一個演示包括在下載包。對於用於顯示進度條，而不是一個紡紗CSS3的解決方案，逐行（三）SS 是一個類似的項目 要求： 在CSS...

在創建一個Ruby和指南針的應用程序之上，項目包括極具創意和極富現代感CSS3驅動的操作按鈕一包。如果不支持CSS3，按鈕降低正常。這是很容易覆蓋按鈕樣式 什麼在此版本中是新的： 在改進插圖中的陰影一個不錯鬱悶的神色：活動狀態 要求： ...