SignBoard(Combination)

2020-07-05

为弄个博客的看板娘,花了一下午的时间,确实美化了一些,但其实真的没什么,以后再也不会把时间放在这上面了。提升自己的编程能力才最重要的。

同时也看了许许多多的帖子,为了以后不再这上面再花时间。那就总结下,方便以后使用:^_^

看板娘html代码:

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 5     <title>Live2D</title>
 6      
 7     <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/liam-sliversucks/waifu.css"/>
 8     <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 9 </head>
10 <body>
11     <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/liam-sliversucks/waifu.css">
12     <div class="waifu" id="waifu">
13         <div class="waifu-tips" style="opacity: 1;"></div>
14         <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
15         <div class="waifu-tool">
16             <span class="fui-home"></span>
17             <span class="fui-chat"></span>
18             <span class="fui-eye"></span>
19             <span class="fui-user"></span>
20             <span class="fui-photo"></span>
21             <span class="fui-info-circle"></span>
22             <span class="fui-cross"></span>
23         </div>
24     </div>
25     <script src="https://files.cnblogs.com/files/liam-sliversucks/live2d.js"></script>
26     <script src="https://files.cnblogs.com/files/liam-sliversucks/waifu-tips.js"></script>
27     <script type="text/javascript">initModel()</script>
28 </body>
29 </html>
30 <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/liam-sliversucks/flat-ui.min.css"/>

需要的文件在我的主页上:

本地文件:

 
 
 
 
 
原文地址:https://www.cnblogs.com/liam-sliversucks/p/13235636.html