博客前端其餘雜項
一、實現標籤小圖標javascript
<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" />css
二、live2D（二）html
這個更強，增長了菜單和換裝，換形象等功能，最終實現代碼以下java
<!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>jquery
來源的大佬地址：canvas
http://www.javashuo.com/article/p-tnfmitfr-eb.htmlui
嘿嘿~spa
- 1. 前端共享博客（前端導航,前端博客,前端博客推薦）
- 2. 已發佈的其餘學科博客
- 3. nginx---其餘人寫的博客。
- 4. 爬取美圖（參考其餘博客）
- 5. shell 其餘雜項知識點筆記
- 6. Flask博客項目前端設計
- 7. 多人博客開發項目-前端
- 8. 博客雜文
- 9. 個人前端博客
- 10. 前端大神博客
- 更多相關文章...
- • XSLT - 在客戶端 - XSLT 教程
- • PHP 雜項 函數 - PHP參考手冊
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • Docker容器實戰(一) - 封神Server端技術
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 前端共享博客（前端導航,前端博客,前端博客推薦）
- 2. 已發佈的其餘學科博客
- 3. nginx---其餘人寫的博客。
- 4. 爬取美圖（參考其餘博客）
- 5. shell 其餘雜項知識點筆記
- 6. Flask博客項目前端設計
- 7. 多人博客開發項目-前端
- 8. 博客雜文
- 9. 個人前端博客
- 10. 前端大神博客