您的位置:网站首页 > 新闻原创 > 津市网站开发

干货分享几个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
下一篇:没有资料