今天有网友说给网站加个板娘,开始很蒙啊,了解了一下原来是二次元的东东,查了一些资料,原来已经有大神做了,买卖易这在里教一下大家如何给自己的站点添加板娘,一个漂浮的二次元小人,可以换装、可以换人,还挺好玩的,
任何程序的网站都可以添加,不占用内存,就一个利用的是三行代码即可搞定,请看本文是如何实现的。
效果演示
可在电脑端查看本文章实际效果哦,
注:经测试搜狗浏览器不能显示板娘,请用谷歌浏览器流量哦。
截图演示:
核心代码
把以下代码添加至你网站中即可。这里采用的是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插件版的单是个人感觉会给网站增加负载,也不如这三行代码来的简单,看个人喜好吧,快去给你的网站也加上可爱美丽的板娘吧。
免责声明:
1、本站提供的一切软件、教程和内容信息等资源均仅限用于学习和研究目的,不保证其完整性,严禁将上述资源用于商业或者非法用途;
2、本站仅提供共享服务,不提供任何技术咨询服务,请知悉谅解;
3、如果对相关资源比较满意,请前往购买支持正版,得到更好的正版服务;
4、本站信息来自网络公开信息的收集整理,版权争议与本站无关。我们非常重视版权问题,如有侵权请联系我们,我们会第一时间进行处理。
本文链接:https://www.mmeasy.cn/943.html