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://img.uj5u.com/2020/09/19/84730190658391.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 id="waifu" style="float:right;">
<div style="opacity: 1;"></div>
<canvas id="live2d" width="280" height="250" position='right'></canvas>
<div >
<span ></span>
<span ></span>
<span ></span>
<span ></span>
<span ></span>
<span ></span>
<span ></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
嘿嘿~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/79746.html
標籤：Html/Css
上一篇：sass基礎語法
下一篇：sass實作頭條新聞串列頁面