站长资源 
基本用法
Holder.js的基本用法很简单，可以去 官网 下载， 引入holder.js文件就可以了，也可以直接使用Bootcss的CDN :
向页面中插入占位图片，只需把img标签的src属性统一设置成holder.js，并附上图片的尺寸就可以了：
基础简单代码示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <img src="holder.js/200x100"/> </body> </html>
引用之后简单的一个img标记，就会在该处自动生成一张规定尺寸的占位图片，网站空间快满了，这里就不贴图了
调整颜色
我们有时候需要好几张不同颜色图片，例如我们做了一个轮播图的demo,没错holder.js同样可以帮我们实现，只需在后面跟上theme参数
官方提供的theme值有：
sky、vine、lava、gray、industiral、social
简单示例代码如下：
<img src="holder.js/200x100?theme=vine"/>
具体是什么颜色不重要了哈，闲的蛋疼可以自己试，那我们要是不想要这提供的6种颜色呢，那你就自己配吧（假如你有足够的精力折腾）
<script>
Holder.addTheme("dark", {
bg: "#000", // 背景色
fg: "#aaa", // 前景色（字符颜色）
size: 11, // 字符大小
font: "Monaco", // 字体
fontweight: "normal" // 字符粗细
});
</script>
自定义文字
线上代码再解释：
<img src="holder.js/200x100?theme=vine&text=站长资源 \n www.wangdahai.cn"/>
注意里面的 \n 是的这是换行，但是你注意到了前后的空格了吗~~
就给大家介绍到这里吧，本来也是一款很简单方便的工具，最好是拿过来就用，本来是方便我们的，别反而被他浪费了时间
评论前必须登录！
注册