zoukankan      html  css  js  c++  java
  • 给你的博客添加一个看板娘吧

    在博客侧边栏公告(支持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  

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

    效果展示:

  • 相关阅读:
    转载:C# 文件下载(WebClient)
    文档生成业务的商业机会
    Java代码编译和执行的整个过程
    (转)TransitionManager
    安装了phpmyadmin
    转:jQuery框架学习第一天:开始认识jQuery
    转:Http post和 Get的本质区别
    vim基本命令汇总
    jQuery框架学习第二天:jQuery中万能的选择器
    IE的hasLayout属性
  • 原文地址:https://www.cnblogs.com/shine1234/p/12893415.html
Copyright © 2011-2022 走看看