看板娘系列代码:给网站添加一直动态的黑猫或者白猫
今天给大家带来一款非常不错的看板娘源码,一款会动的猫,移动鼠标,它的眼睛也会跟随鼠标移动,本源码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>
说明:
- 1.复制此上面代码粘贴到网站的</body>标签前即可
- 2.一般都是粘贴到公共底部文件如footer命名的文件
- 3.使用时可参考下面标签说明进行设置
其他说明:所有文件都是做了CDN,加载贼快哦,如有不理解的地方可联系客服咨询!
标签说明(使用时请参考如下说明):
- superSample: 2, // 超采样等级
- width: 120, // canvas的宽度
- height: 120, // canvas的高度
- position: 'left', // 显示位置:“left”为左-----“right”为右
- hOffset: 0, // canvas水平偏移
- vOffset: 0, // canvas垂直偏移
- show: true, // 是否在移动设备上显示
- scale: 1, // 移动设备上的缩放
- motion: true, // 移动设备是否开启重力感应
- opacityDefault: 1.0, // 默认透明度
- opacityOnHover: 1.0, // 鼠标移上透明度
如需下载完整包可前往github项目 或:
抱歉,隐藏内容须成功 评论本文 后刷新可见!
1. 本站所有源码、模板、插件等其他资源,都不包含技术服务请大家谅解!
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
7. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考退款规则!
360模板吧 » 看板娘系列代码:给网站添加一直动态的黑猫或者白猫
2. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制!
3. 如遇需要解压密码,则解压密码为"www.360mb.net"!
4. 由于源码属于可复制性产品,发货后禁止买家以各种理由退款!!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
7. 本站提供资源如遇源码失效,功能异常等等可提供退款服务,可参考退款规则!
360模板吧 » 看板娘系列代码:给网站添加一直动态的黑猫或者白猫