三行代码给网页添加好看的看板娘

作者 : 星辰 本文共1163个字,预计阅读时间需要3分钟 发布时间: 2020-08-29 共227人阅读

看板娘简介

看板娘一词源自日语“看板娘(かんばんむすめ)”。其中的“看板”指的是店面招牌,或者是为了宣传、打广告而制作的宣传牌。“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生、女店员等。也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传、拉人气的作用。英语又称之为“Poster Girl”。

教程简要

为网站添加萌萌哒看板娘, 可以让网站更有吸引力,本次教程适用于所有的网站,各种博客程序,论坛,资源网或者html等等,看板娘自动触发说话,换装,更换人物,恶搞等等,还可以隐藏看板娘,功能按钮只有鼠标靠近看板娘时才会出现,更重要的是网站看板娘不会影响网站加载速度,插件都放在其他地方,只需要几行代码调用就行了,看板娘默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好)。

看板娘功能

1.恶搞功能

2.说话功能

3.换装功能

4.更换人物功能

5.拍照功能

6.隐藏后显示悬浮窗

安装教程

将以下代码插入到网站的头部即可,<head></head>里面,网站一般都用模板,将这几行代码放到模板里面的header.php里面,找到含有<meta>,<link rel….>等等,放到他们下面就行了,说的够详细了,小白也能知道,再不会,请不要做网站了,闭关在修行个几个月或者几年。

代码如下

<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

更改waifu-tip.json里面的内容

更改autoload.js的引入位置

<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script> 改成自己的
如果实在不会玩, 可以参考zhaoolee的代码, 开源地址: https://github.com/zhaoolee/GBlog

好了就到这里吧,如果你想要更多的live2d素材代码,请百度下载,当然本站也搜集了很多,点击下方即可进入

https://www.vfaner.com/57.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.vfaner.com",如遇到无法解压的请联系管理员!

微范儿 » 三行代码给网页添加好看的看板娘

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
需要帮助?
加官方群:71622543,即可向管理员或者群员咨询,看到第一时间回复
×
开通VIP 享更多特权,建议使用QQ登录