技术资源网
当前位置:技术资源网 / 网站源码 / J S特效 / 正文

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

作者:技术资源网发布时间:2019-10-22 08:12浏览数量:72次评论数量:0次

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

效果如下图

QQ截图20191022080930.png

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

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

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

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

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

<style>
	#live2dcanvas{
		opacity: .8;
	}
</style>



JavaScript

<script src="https://www.j-s.vip/js/sifei.js"></script>
<script>
    L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
        "position": "right",
        "hOffset": 0,
        "vOffset": 0
          }
     });
</script>



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

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


六神影视APP&网盘下载 下载APP 免费畅看全网大片!
End

免责声明:本文由本站编辑并发布,但不代表本站的观点和立场。

技术资源网

技术资源网 主页 联系他吧

坚持分享优质资源

欢迎 发表评论: