這些實用的HTML5 & jQuery 插件要收藏哦,網站開發中一定會用到

jQuery HTML5 Chrome Firefox 軟件開拓者 軟件開拓者 2017-09-23

我挑選了10款在網站開發中很實用的 HTML5 & jQuery 插件,如果你正在尋找能優化網站,使其更具創造力和視覺衝擊,那麼本文正是你需要的。這些優秀的 jQuery 插件能為你的網站提供各種各樣強大的功能和效果。

1.Dynatable

Dynatable 這款 jQuery 插件能很好的改善標準 HTML 列表的可用性。一旦初始化,插件就會通過列表的行和列轉換成 JSON 對象數組,時刻準備操作。它可以提供強大的排序,過濾,分頁或者是搜索 API,同時可以用簡單的方式處理所有操作,可以被用於其他架構的 HTML 元素。

2. Least.js

這些實用的HTML5 & jQuery 插件要收藏哦,網站開發中一定會用到

Least.js 用於創建隨機響應式的 HTML5 和 CSS3 圖像庫,包括 Lazyload。它非常容易安裝和使用,而且最終效果都是非常華美和漂亮。

3 AudioPlayer.js

這些實用的HTML5 & jQuery 插件要收藏哦,網站開發中一定會用到

AudioPlayer.js 是可以在任何 web 頁面快速放置 HTML5 驅動的 jQuery 音頻播放器插件。這款插件的界面非常別緻(不使用任何圖片),有個響應式的佈局,支持觸摸。它有著主要的控制功能(播放,暫停,音量和播放時間);大小隻有 4 kb。

4. Echo.js

Echo 是個獨立的 JavaScript 延遲加載圖像工具。Echo 使用 HTML5 data-* 屬性,速度非常的快。Echo 可以在 IE8+ 的瀏覽器運行, 它是非常簡單的圖像延遲加載工具,大小最小為 1KB ,是個 library agnostic(沒有 jQuery/Zepto/other)

Lazy-loading 只會在元素將要被查看時才會請求從服務器中加載圖像,通過簡單的修改圖像 src 屬性就可以自動運行。同時這也是異步操作的一個優勢所在。

5. Slippery

Slippry 是個 jQuery 圖像庫插件,擁有很多現代化時尚元素。首先,它使用 HTML5 & CSS3 標記,在響應式佈局(可選)上運行的非常好。它可以變成 Sass 或者是 CSS 樣式,有多種轉換選擇,其中包括 Ken Burns 效果。

滑塊可以設置為自動滑動,顯示標題,後退-前進+導航控制。它提供重大事件函數的回調,多個示例和一個詳細文檔。

6. AudioPlayer.js

AudioPlayer.js 是可以在任何 web 頁面快速放置 HTML5 驅動的 jQuery 音頻播放器插件。這款插件的界面非常別緻(不使用任何圖片),有個響應式的佈局,支持觸摸。它有著主要的控制功能(播放,暫停,音量和播放時間);大小隻有 4 kb。

7. HTML5 Sortable

HTML5 Sortable 是個創建可排序列表和網格的 jQuery 插件,使用本地 HTML5 拖拽 API。它有類似 jQuery UI 的 API + 行為。這是個輕量級插件(壓縮後小於 1kb),支持 “連接列表(在不同列表轉移條目)”,最厲害的是兼容所有主流瀏覽器。

8. Droparea

Droparea 是個 HTML5 拖拽文件上傳 jQuery 插件,服務端包含一個 PHP 腳本。簡單的拖拽圖片文件進去指定的區域,圖片就會自動的上傳到你的服務器。在上傳的同時,用戶可以看到上傳的進度。目前測試結果支持 Google Chrome 和 Mozilla Firefox。

9 jQuery.HTML5Form

這些實用的HTML5 & jQuery 插件要收藏哦,網站開發中一定會用到

jQuery.Html5form 是個 jQuery 插件,添加沒有 HTML5 表格驗證功能到非兼容的瀏覽器中,不要求任何自定義函數或者代碼。用戶只要用 HTML5 語法創建表格,它就會自動執行。同時,這個插件還提供額外的一些功能,比如錯誤信息提示等錯誤處理方案,用戶可以自行選擇自己需要的。

10. Cuepoint JS

Cuepoint JS 是一個為 HTML5 視頻增加提示點和字幕的插件,幾秒就顯示一組字幕。它提供一個設置時間的事件,可以用來附加任何元素跳到多媒體第二個提示點。

上面的內容有某有幫到你呢,歡迎在底部留言點評提意見。

相關推薦

推薦中...