您的位置:網站首頁 > 新聞原創 > 津市網站開發

干貨分享幾個web網站開發常用的插件庫

日期:2017-1-14 8:56:35 人氣: 標簽:
分享到:

現在前端的資源有很多,有趣味和創意十足的,也有非常實用的,會陸續分享一些插件,也感謝大神們的分享,有的庫會附上基本的示例,包括原作者的下載地址。

Loaders.Css

一個完全用css編寫的加載動畫


下載地址:https://github.com/ConnorAtherton/loaders.css



漢堡包動畫菜單 AMBURGERS

十幾種漢堡包菜單動畫,學習動畫是怎樣寫出來的



下載地址:https://jonsuh.com/hamburgers/


Drift 圖像放大鏡

Drift 不依托任何插件庫,輕量級,特別適用于電子商務網站



下載地址:https://github.com/imgix/drift


Luminous

luminous 和上面介紹的Drift是同一開發者,luminous也是用于圖像放大,但效果是以 lightbox 形式展示,并兼容手機端


下載地址:https://github.com/imgix/luminous



Superplaceholder

這個是利用文本框的 placeholder 屬性,以打字形式展示出自定義的文字,可當用提示用


下載地址:https://github.com/chinchang/superplaceholder.js


8款超有意思的切換開關效果

CSS3 Toggle Buttons 是完全使用 CSS3實現開關切換效果,喜歡的可以拿去用,創意不錯


下載地址:http://codepen.io/ashleynolan/pen/wBppKz



Progresses – 進度條

可以實現種進度效果,如網頁加載、圖片加載、按鈕加載等等 網頁加載:網頁頂部出現一個進度條


圖片加載

適用于檢測照片加載



提交(保存)按鈕上的應用



文本框的進度條應用


下載地址:https://github.com/usablica/progress.js/



Clipboard.Js 文字復制插件

以前「復制」瀏覽器中的代碼是需要 FLASH 的,而目前這個插件就不用啦,而且僅2KB 大小,實用好用

除了復制,還有剪切功能


下載地址:https://clipboardjs.com/



Chosen – 加強版的選擇功能

Select 屬性的加強版,確實強大太多了……



下載地址:https://github.com/harvesthq/chosen



OkayNav – 好用的響應式菜單

根據瀏覽器寬度,自動隱藏多余的菜單


下載地址:https://github.com/VPenkov/okayNav



Pintsize – 一款響應式 Grid 系統

class 名稱類似 Bootstrap,所以用過 BS 的話,就很好理解了


下載地址:http://pintsize.io/



MDL – Material 設計前端框架

用它來快速搭建屬于你的 Material 風格網站吧


下載地址:https://github.com/google/material-design-lite


小貼士

公眾號里面的部分代碼通過壓縮包上傳在主頁http://www.jq22.com/myhome上,里面審核比較慢,上傳的插件可能要半個多月才會顯示,之前有的部分案例代碼已經顯示在上面了,都是免費的,可以直接下載。

主頁截圖:


網址:http://www.jq22.com/myhome(復制在瀏覽器打開)

0
0
0
0
0
0
0
0
網友評論 Comments
下一篇:沒有資料