今天有网友说给网站加个板娘,开始很蒙啊,了解了一下原来是二次元的东东,查了一些资料,原来已经有大神做了,全百科这在里教一下大家如何给自己的站点添加板娘,一个漂浮的二次元小人,可以换装、可以换人,还挺好玩的,
任何程序的网站都可以添加,不占用内存,就一个利用的是三行代码即可搞定,请看本文是如何实现的。
效果演示
可在电脑端查看本文章实际效果哦,
注:经测试搜狗浏览器不能显示板娘,请用谷歌浏览器流量哦。
截图演示:
核心代码
把以下代码添加至你网站中即可。这里采用的是TZ张无忌大佬的代码。
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>
开源版本
米米大神的开源版:https://github.com/stevenjoezhang/live2d-widget
功能说明
默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好);
可以玩射击游戏, 被射击到的网页元素会消失。
可以更换人物。
可以更换服装。
随机显示贴心小提示。
可以保持换装后得图片。
兼容 PJAX,支持无刷新加载。
功能不少,等你发掘。
总结
其实有人开发了WordPress插件版的单是个人感觉会给网站增加负载,也不如这三行代码来的简单,看个人喜好吧,快去给你的网站也加上可爱美丽的板娘吧。
这个卡通人物洋气的很