首页 > 其他 > 详细

给你的博客添加一个看板娘吧

时间:2020-05-15 10:55:11      阅读:49      评论:0      收藏:0      [点我收藏+]

在博客侧边栏公告(支持HTML代码) (支持 JS 代码)复制下面的代码

温馨提示:

(一定要支持js代码哟,如果不支持 需要申请一下,可能要等一个小时左右才会申请通过)

 1 <!-- 看板娘-->
 2      <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>
 3      <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 4      <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/shine1234/waifu.css">
 5      <div class="waifu" id="waifu" style="float:right;">
 6          <div class="waifu-tips" style="opacity: 1;"></div>
 7          <canvas id="live2d" width="280" height="250" class="live2d" position=‘right‘></canvas>
 8            <div class="waifu-tool">
 9              <span class="fui-home"></span>
10              <span class="fui-chat"></span>
11              <span class="fui-eye"></span>
12              <span class="fui-user"></span>
13              <span class="fui-photo"></span>
14              <span class="fui-info-circle"></span>
15              <span class="fui-cross"></span>
16          </div>
17      </div>
18      <script src="https://blog-static.cnblogs.com/files/yukarin/live2d.js"></script>
19      <script src="https://blog-static.cnblogs.com/files/yukarin/waifu-tips2.js"></script>
20      <script type="text/javascript">initModel()</script>

一个多变的看板娘就实现啦,https://blog-static.cnblogs.com/files/自己的博客名称/live2d.js  

先下载需要用到的插件文件,然后在后台文件中添加进来,然后把网址路径换成自己的路径就可以啦。

效果展示:

技术分享图片

给你的博客添加一个看板娘吧

原文:https://www.cnblogs.com/shine1234/p/12893415.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!