會不會感覺自己的網站看上去平淡無奇?!想不想多點色彩和動畫?
儘管CSS3和HTML5目前的進步是有目共睹的,但是有時候攥點JS插件在手裡還是能幫上大忙的,下面推薦8個項目,好基友們拿去玩吧!
1 . Hyphenator
考慮在網站上使用傳統的書本樣式?沒有連字符是不可以的,因為CSS不支持這樣搞,比較棘手!幸運的是,Hyphenator使過程變得簡單,只需使用合理的文本對齊方式並安裝此腳本即可。
相關鏈接:
https://mnater.github.io/Hyphenator/
2 . jFormer
想要輕鬆創建美觀的表格,可以在不重新加載頁面的情況下進行處理,並驗證客戶端和服務器端,然後可以保存並後續再做恢復……搞AJAX都不想親力親為 ?沒關係,jFormer會為搞定,使你的目標用戶能夠更輕鬆地填寫表格。
相關鏈接:http://www.jformer.com/
3 . arborjs
是否需要在網站上顯示圖表可視化或類似思維導圖的東西?而且還不想採用靜態的舊圖像? arbor.js是使用jQuery構建的圖形可視化庫,你可藉助它來使用畫布、SVG或HTML元素繪製圖形等。
相關鏈接:http://arborjs.org/
4 . jNotify
如果你的Web應用或網站需要配通知功能,那麼jNotify可以讓通知功能的顯示獨具品味:收到的通知會顯示在頁面頂部,然後根據你所設置的時間消失或被點關閉消失;一方面用戶一定會看到這些通知,但又不妨礙訪問網站的操作,這樣的用戶體驗應該是你所追求的,對吧……
相關鏈接:
http://jnotify.sourceforge.net/
5 . 網站導覽
如果你希望用戶在第一次使用應用或網站服務時,可以得到良好的指引導覽,那麼Website Tour應該正是想找的jQuery插件 —— 可以通過使用「下一步」和「後退」按鈕單擊瀏覽,也可以進行同步瀏覽。這絕對能夠高效地幫助新用戶快速了解網站的各項功能。
相關鏈接:
https://tympanus.net/Development/WebsiteTour/
6 . Reveal
模式窗口可用於Web設計和開發中的各種場景。假如你打算藉助外部插件,ZURB擁有一個免費的Reveal模式窗口插件,即有出色的默認外觀,同時還可自定義。
相關鏈接:
https://legacy-zurb.netlify.app/playground/reveal-modal-plugin
7 . Galleriffic
對於用戶而言,優秀的畫廊視圖絕對算是網站上的一個賣點,但是這不是很容易搞:當用戶要瀏覽三張或四張以上的圖像時,你需要一個快速且易於瀏覽的gallery,並且還得保證無需在新標籤頁中打開50張圖片便可快速瀏覽。Galleriffic能夠幫到你,你可以在一系列不同的配置中執行這些操作。
相關鏈接:
https://github.com/iamvery/galleriffic

8 . jQuery UI
在使用JavaScript進行站點開發時,使用jQuery能夠節省大量時間。
你可以考慮使用jQuery自己的jQuery UI庫來安裝基本的UI元素,它能夠幫助你節省下更多時間! 這個庫包含大量交互模式、小組件、動畫等等。
相關鏈接:https://jqueryui.com/

希望這些JS插件有助於使你的網站看起更棒!
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/226965.html