html中看板娘添加,如何在自己开发的web中放入“看板娘”

什么是看板娘？

那就她了——>

就是她~

看板娘是一种职业和习惯称呼，也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生，也有“吸引顾客，招揽生意，提高人气”等作用类似品牌形象代言人的含义。看板(kanban)是日语特有的管理名词，其英文可以是“signboard”或者“visible record”。通常，看板是一张标签或卡片，放在透明颜料袋装内，或贴在零件上，或贴在盛装制品的容器上，还可以是流水线上各种颜色的小球或信号灯、电视图象等。

作为web开发者的绅士(死肥宅)们，怎么能拒绝一个这么可爱的妹子帮你看护你的网站呢！

好了下面就来简单介绍一下怎么把她放到你开发的网站里。

进去之后呢是这个页面

网页网页

看见那个下载标志没，点击下载(没看见就是昨天**了眼花)

下载好了就是这个文件

下载文件

然后用自己常用的方法进行解压(这不需要我教你吧)

解压顺序左——>右

这个狗贼居然有两层压缩，反正最后解压出来的文档就是package文件夹了

让我们一起打开这个文件夹嗷

package文件夹

这时候有人就会说了：wdnmd，这么多玩意，我怎么知道用哪个？

莫急，我一步一步给你说。

进入lib文件夹——>拿走下面四个经过标记的文件(复制走，别剪切，万一以后还有用)

就是这四个文件啦

下面我简单弄一个基础的web开发结构，告诉你们怎么请出我们可爱的看板娘

首先建立一个web文件夹

web文件夹

里面的目录结构是这样的

目录结构

然后把刚刚复制的四个文件放入js文件夹

js文件夹

接下来我们需要自己写一个css文件，我就将它命名为girl.css好了

girl.css

它的代码如下：

#live2dcanvas {

border: 0 !important;

}

没错就是那么少

然后我们再建立一个看板娘.html文件，放在根目录下

html

下面就是它的代码

我的看板娘

L2Dwidget.init({"display": {

"superSample": 2,

"width": 200,

"height": 400,

"position": "right",

"hOffset": 0,

"vOffset": 0

}

});

head里面就是一些简单的对文件的引用，稍微有点web开发知识都知道了。

好了，万事俱备，只欠打开浏览器了，让我们直接打开——看板娘.html

你的网页

嘻嘻，可爱的女孩就出现在了你网页的右下角，嘿嘿，通过你的点击她还可以做出不同的表情，她的眼睛也是跟随你鼠标的移动而移动，可以说非常可爱了。你别乱点哦，即使要乱点，也要在周围没有人而且带上耳机的情况下，她会说话的(就是那些见不得人的新津话)，哈哈开玩笑，总之是非常可爱了。

好了，这个教程就到这里结束！溜了~

html中看板娘添加,如何在自己开发的web中放入“看板娘”相关推荐

将数据追加到html 表格中,将数据添加到数据表中
将数据添加到数据表中 03/30/2017 本文内容在创建 DataTable 并使用列和约束定义其结构之后,您可以将新的数据行添加到表中. 要添加新行,可将一个新变量声明为 DataRow 类型. ...
html图片滚动红点_HTML中更换或添加网站背景图片的代码怎么写？（示例）
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
Springboot中给图片添加文字水印
Springboot中给图片添加文字水印工作中遇到给图片添加文字水印的需求,记录下来方便之后查阅需求内容: 给一张图片添加指定文字水印,使一张图片上有多个水印内容,并且设定一个水印开关,可指定是否 ...
python list的extend （会将被插入的列表的每个元素从列表中拿出添加到列表中）与append方法（若被插入为列表，会将列表插入到源列表中）区别
python list的extend (会将被插入的列表的每个元素从列表中拿出添加到列表中)与append方法(若被插入为列表,会将列表插入到源列表中)区别 Python--list的extend() ...
vue中如何加入横线_在word文档中如何快速添加页眉横线和删除页眉横线？
你还在烦恼怎么给word文档页眉添加横线和删除页眉横线吗?不用烦恼!今天小白就教您快速添加页眉横线和快速删除页眉横线的方法.赶快一起来学习一下!在word文档中如何快速添加页眉横线 1.打开word文 ...
在Service中通过WindowManger添加View的方式来把UI界面显示出来
整体方案在Service中通过WindowManger添加View的方式来把UI界面显示出来业务场景具体场景 IQOO手机,游戏辅助这种场景能否使用Activity方式来做使用activit ...
未安装在此服务器场中，无法添加到该范围
概述: 新上传一个网站模板后,出现如下错误: 功能"75a0fea7-040e-4abb-b94b-32f1e7572840"未安装在此服务器场中,无法添加到该范围. ...
php 7 pcntl扩展,PHP_Linux系统中为php添加pcntl扩展，pcntl扩展可以支持php的多线程 - phpStudy...
Linux系统中为php添加pcntl扩展 pcntl扩展可以支持php的多线程操作(仅限linux) 原本需要重新编译PHP的后面configrue提示加上--enable-pcntl 由于我的ph ...
html中实现th标签添加分页,html – 如何在Angular 4中为表添加分页？
我是Angular 4的新手,如果有人能告诉我如何在表格中添加分页,我将不胜感激. 以下是我的代码: {{data.period}} {{data.price}} {{p}} 我的JSON是: pub ...

html中看板娘添加,如何在自己开发的web中放入“看板娘”

html中看板娘添加,如何在自己开发的web中放入“看板娘”相关推荐

最新文章

热门文章