博客前端其他杂项

2020-01-30 16:00:45来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

博客前端其他杂项

1、实现标签小图标


<link rel="Bookmark" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />
<link rel="icon" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />
<link rel="shortcut icon" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />


2、live2D(二)

这个更强,增加了菜单和换装,换形象等功能,最终实现代码如下


<!DOCTYPE html>
<html xmlns="https://www.cnblogs.com/yukarin/">
<img src="https://images.cnblogs.com/cnblogs_com/yukarin/1639008/o_200129105929%E7%B4%AB%E5%A6%B963296370_p0.jpg" width="200px" style="border-radius:50%">
<head>
      <link rel="Bookmark" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />
<link rel="icon" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />
<link rel="shortcut icon" type="image/x-icon" href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Live2D</title>
     <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>
     <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/yukarin/waifu.css"/>
     <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
     <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/yukarin/waifu.css">
     <div class="waifu" id="waifu" style="float:right;">
 
         <div class="waifu-tips" style="opacity: 1;"></div>
         <canvas id="live2d" width="280" height="250" class="live2d" position='right'></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="https://blog-static.cnblogs.com/files/yukarin/live2d.js"></script>
     <script src="https://blog-static.cnblogs.com/files/yukarin/waifu-tips2.js"></script>
     <script type="text/javascript">initModel()</script>
</body>
</html>

来源的大佬地址:


https://www.cnblogs.com/yjlaugus/p/8724881.html


嘿嘿~

image


原文链接:https://www.cnblogs.com/yukarin/p/12242034.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:sass基础语法

下一篇:sass实现头条新闻列表页面