给网站添加 网页看板娘 效果 给网页添加一个可爱的小萝莉

2019-10-30 22:05:07 作者: 鹏仔先生 [百度已收录] [搜狗已收录] [360已收录]

今天遇到了点小问题,上百度搜问题,无意中看到了这个效果,就找了下,给大家分享一下。

效果如下图

三岁半资源

鼠标进入网页,小萝莉会根据鼠标位置而发生变化,此效果是canvas来实现的

原项目https://github.com/EYHN/hexo-helper-live2d

需要给自己网站添加,复制下方代码即可。

小萝莉可能会遮挡网页,但是不会影响网站的点击事件,放心大胆的加

CSS(我自己给萝莉添加了点透明度,可要可不要)

	#live2dcanvas{
		opacity: .8;
	}


JavaScript

    L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
        "position": "right",
        "hOffset": 0,
        "vOffset": 0
          }
     });


复制上放JS,粘贴到你网站支持js的地方即可

外部JS我引入的是我的cdn,当然您可下载下来自己引入

JS单个文件底部附件下载


给网页添加一个可爱的小萝莉

版权免责声明 1、本网站名称:七冷阁
2、本站永久网址:http://qilengge.com
3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

下载地址
评论
本文作者 阅读排行 文章推荐

首页
最新
投稿
精选
我的