码迷,mamicode.com
首页 > 其他好文 > 详细

博客前端其他杂项

时间:2020-01-30 09:33:30      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:head   text   nbsp   height   ref   菜单   doctype   alt   flat   

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


嘿嘿~

技术图片

博客前端其他杂项

标签:head   text   nbsp   height   ref   菜单   doctype   alt   flat   

原文地址:https://www.cnblogs.com/yukarin/p/12242034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!