网页添加Live2D看板娘简易教程
2024-08-31 00:26:38
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。
如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现。
这时可以看我自己博客的看板娘,就在右下角。
js代码
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init({"display": {
"superSample": 2,
"width": 200,
"height": 400,
"position": "right",
"hOffset": 0,
"vOffset": 0
}
});
</script>
在这里我们需要引入两个教室L2Dwidget.0.min.js和L2Dwidget.min.js。这两个js你可以从我的页面直接拿走。
css代码
#live2dcanvas {
border: 0 !important;
}
html不用写,就可以看到一个呆萌的看板娘,如果需要放到自己的博客里看的话只需要在设置里的页面定制CSS代码和JS上加上下面的代码,如果不支持JS代码申请一下就行了。
到这里你就可以看到一个活泼可爱的看版娘了。
最新文章
- SqlServer表结构查询
- Powershell获取磁盘信息
- Android 写模块化代码注意事项
- Quartz Core框架之core animation
- python联接主流SQL的类库个人收藏
- MatOfPoint作为minAreaRect的参数总是报错";throw new IllegalArgumentException(";Incomatible Mat";);
- IaaS层市场科普
- CSS Selector (part 1)
- win7+ubuntu双系统安装攻略
- wxPython Major类
- PyQt:个性化登录界面模仿QQ登录
- 前端学习之CSS
- 最全面的Redis命令行查阅手册(收藏查看)
- day72Django之ORM
- C#版 - LeetCode 148. Sort List 解题报告(归并排序小结)
- Linux基础命令---切换用户su
- Selenium+Python:下载文件(Firefox 和 Chrome)
- abp 将abp项目发布之后挂在IIS上无法访问嵌入资源的问题
- Tomcat的性能与最大并发配置
- 在线电路编程 (ICP)
热门文章
- 3D硬件加速提升动画性能 与 z-index属性
- 【Canvas】311- 解决 canvas 在高清屏中绘制模糊的问题
- 开局一张图,学一学项目管理神器Maven!
- [从今天开始修炼数据结构]图的最小生成树 —— 最清楚易懂的Prim算法和kruskal算法讲解和实现
- Springboot静态页面放在static路径下还是访问不到
- throw和throws有什么区别
- java面试题干货1-50
- 【玩转SpringBoot】看似复杂的Environment其实很简单
- webpack实践(三)- html-webpack-plugin
- 牛客练习赛31A 地、颜色、魔法(搜索+二维数组一维表示)