ZTianming看板娘流程第三部分代码

ZTianming博主设置了无法复制,特此拿出来给需要的人一用,侵权删

交互式看板娘流程第三部分代码如下:

 1 <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/你的博客园地址/flat-ui.css" />
 2 <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/你的博客园地址/waifu.css" />
 3 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 4 <div class="waifu" id="waifu">
 5     <div class="waifu-tips" style="opacity: 1;">
 6     </div>
 7     <canvas id="live2d" width="280" height="250" class="live2d">
 8     </canvas>
 9     <div class="waifu-tool">
10         <span class="fui-home"></span>
11         <span class="fui-chat"></span>
12         <span class="fui-eye"></span>
13         <span class="fui-user"></span>
14         <span class="fui-photo"></span>
15         <span class="fui-info-circle"></span>
16         <span class="fui-cross"></span>
17     </div>
18 </div>
19 <script src="https://blog-static.cnblogs.com/files/你的博客园地址/live2d.min.js">
20 </script>
21 <script src="'https://blog-static.cnblogs.com/files/你的博客园地址/waifu-tips.js">
22 </script>
23 <script type="text/javascript">
24     initModel()
25 </script>

虽然有了代码,不过效果实现,如果实现了的大佬不妨评论区分享一波,非常感谢

转载:博客园美化-添加看板娘 - ZTianming - 博客园 (cnblogs.com)

posted @ 2022-10-28 16:28  wazjr  阅读(91)  评论(1编辑  收藏  举报