第一步:下载看板娘资源包
上传解压到网站根目录(新建一个文件夹命名为live2d)
/www/wwwroot/你的网站/live2d
第二步:修改文件
在header.php文件中添加以下代码:
<link rel="stylesheet" href="/live2d/css/live2d.css" />
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
在footer.php文件中body结束标签之前,添加以下代码
<div id="landlord">
<div class="message" style="opacity:0"></div>
<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
<div class="hide-button">隐藏</div>
<div class="switch-button">换装</div>
</div>
<script type="text/javascript">
var message_Path = '/live2d/'
var home_Path = 'https://你的域名' //此处修改为你的域名,必须带斜杠
</script>
<script type="text/javascript" src="/live2d/js/live2d.js"></script>
<script type="text/javascript" src="/live2d/js/message.js"></script>
<script type="text/javascript">
var index = Math.ceil(Math.random()*37)
console.log('未闻花名vwhm.net + ' + index)
loadlive2d("live2d", "/live2d/model/pio/model_"+index+".json");
</script>
第三步:搞定了,看看效果!
© 版权声明
THE END
暂无评论内容