给网页添加看板娘
Posted java--script
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了给网页添加看板娘相关的知识，希望对你有一定的参考价值。
在大佬哪里嫖来了文件，在本地打开只有人物
旁边的栏目和头顶的文字框都不能用，所以我给隐藏了
不知道是为什么
可能我是个菜鸡吧
点文件下载即可
把以下代码补全，放在下载文件同文件夹
希望有大佬指点以下
<link rel="stylesheet" type="text/css" href="assets/waifu.min.css?v=1.4.2"/>
<body>
<!-- ---------------看
板
娘
く__,.ヘヽ. / ,ー? 〉
＼ ‘, !-─‐-i / /´
／｀?‘ L/／｀ヽ?
/ ／, /| , , ‘,
? / /-‐/ ｉ L_ ? ヽ! i
? ? 7?｀? ?‘?-??!ハ| |
!,/7 ‘0‘ ´0iソ| |
|.从" _ ,,,, / |./ |
?‘| i＞.?,,__ _,.イ / .i |
?‘| | / k_７_/?‘ヽ, ?. |
| |/i 〈|/ i ,.? | i |
.|/ / ｉ： ?! ＼ |
kヽ>?? _,.?? /?!
!‘〈//｀Ｔ´‘, ＼ ｀‘7‘?r‘
?‘ヽL__|___i,___,ン?|ノ
?-,/ |___./
‘?‘ !_,.:--------------------- -->
<!-- waifu-tips.js 依赖 JQuery 库 -->
<script src="assets/jquery.min.js?v=3.3.1"></script>
<!-- 实现拖动效果，需引入 JQuery UI -->
<script src="assets/jquery-ui.min.js?v=1.12.1"></script>
<div class="waifu" style=" z-index:999;">
<div class="waifu-tips"></div>
<canvas id="live2d" class="live2d"></canvas>
<div class="waifu-tool">
<span class="fui-home"></span>
<span class="fui-chat"></span>
<span class="fui-eye"></span>
<span class="fui-user"></span>
<span class="fui-photo"></span>
<span class="fui-info-circle"></span>
<span class="fui-cross"></span>
</div>
</div>
<script src="assets/waifu-tips.min.js?v=1.4.2"></script>
<!-- <script src="assets/waifu-tips.js"></script> -->
<script src="assets/live2d.min.js?v=1.0.5"></script>
<script type="text/javascript">
/* 可直接修改部分参数 */
live2d_settings[‘modelId‘] = 3; // 默认模型 ID
live2d_settings[‘modelTexturesId‘] = 4; // 默认材质 ID
live2d_settings[‘modelStorage‘] = false; // 不储存模型 ID
live2d_settings[‘canCloseLive2d‘] = true; // 隐藏 关闭看板娘 按钮
live2d_settings[‘canTurnToHomePage‘] = false; // 隐藏 返回首页 按钮
live2d_settings[‘waifuSize‘] = ‘336x300‘; // 看板娘大小
live2d_settings[‘waifuTipsSize‘] = ‘570x150‘; // 提示框大小
live2d_settings[‘waifuFontSize‘] = ‘30px‘; // 提示框字体
live2d_settings[‘waifuToolFont‘] = ‘36px‘; // 工具栏字体
live2d_settings[‘waifuToolLine‘] = ‘50px‘; // 工具栏行高
live2d_settings[‘waifuToolTop‘] = ‘-60px‘; // 工具栏顶部边距
live2d_settings[‘waifuDraggable‘] = ‘axis-x‘; // 拖拽样式
/* 在 initModel 前添加 */
initModel("assets/waifu-tips.json?v=1.4.2")
</script>
<script type="text/javascript">initModel()</script>
</body>
以上是关于给网页添加看板娘的主要内容，如果未能解决你的问题，请参考以下文章