看板娘系列代码：给网站添加一直动态的黑猫或者白猫

今天给大家带来一款非常不错的看板娘源码，一款会动的猫，移动鼠标，它的眼睛也会跟随鼠标移动，本源码360模板吧已经发行到github项目中，有兴趣的同学可前往围观，我们可以设置很多选项，文章的底部“标签说明”已经为大家一一做了解释，项目中我们也注释了，废话不多说开始学习！

黑猫调用代码：

<!--Black cat call code-->
<script src="https://cdn.jsdelivr.net/gh/cc963020001/myproject@1.0/kmusume/2d-mao/L2Dwidget.min.js"></script>
<script type="text/javascript">
  var config = {
    model: {
      jsonPath:
        "https://cdn.jsdelivr.net/gh/cc963020001/myproject@1.0/kmusume/2d-mao/hijiki.model.json",
    },
    display: {
      superSample: 1,
      width: 245,
      height: 245,
      position: "left",
      hOffset: 0,
      vOffset: 0,
    },
    mobile: { show: false, scale: 1, motion: false },
    react: { opacityDefault: 1, opacityOnHover: 0.75 },
  };
  L2Dwidget.init(config);
</script>

白猫调用代码：

<!--White cat calls the code-->
<script src="https://cdn.jsdelivr.net/gh/cc963020001/comprehensive/kmusume/mao/L2Dwidget.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cc963020001/comprehensive/kmusume/mao/L2Dwidget.0.min.js"></script>
<script>
L2Dwidget.init({
"model": {
jsonPath: " https://cdn.jsdelivr.net/gh/cc963020001/comprehensive/kmusume/mao/tororo.model.json" ,
"scale": 1
},
"display": {
"position": "right",
"width": 100,
"height": 200,
"hOffset": -20,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 1,
"opacityOnHover": 1
}
});
</script>

说明：