基于大佬的代码实现看板娘效果（三段代码实现）

这是鄙人的第一篇博客日记，虽然也是用的他人的代码。这里附上原文地址https://www.cnblogs.com/liuzhou1/p/10813828.html，大佬在这里。话不多说放图：

在这里插入图片描述

这是我随手截出来的三张图，看板娘会随着你的鼠标移动和点击做出不同的反应和目光方向，所以看起来是非常和谐的。实现这个效果是非常简单的，代码附上：
在html页面直接引入

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

这两段script引用了刘舟大佬已经写好的js动效，然后看板娘实际上已经实现了，接下来再用JS把它放在左下角或者你想放的位置都可以

<script type="text/javascript">L2Dwidget.init({"display": {"superSample": 2,"width": 200,"height": 400,"position": "right","hOffset": 0,"vOffset": 0}});
</script>

这样就已经实现了。因为我是在vue项目中引入的，所以要引入以上的代码话，找到vue项目的index.html页面进行引入就可以了。

基于大佬的代码实现看板娘效果（三段代码实现）相关推荐

php实现开关效果代码,JavaScript实现开关效果的代码分享
本文给大家分享一段简单的代码基于js实现开关灯效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧废话不多说了,直接给大家贴代码了,具体代码如下所示: 开关灯 html, body { ...
Android实现有声计算器代码,有声语音计算器效果与代码
border=0 cellSpacing=10 cellPadding=0 width=685 background=http://bbs.muwen.com/fileuploaddir/4B3983 ...
html网页制作看板娘原理,给网站添加网页看板娘效果给网页添加一个可爱的小萝莉...
今天遇到了点小问题,上百度搜问题,无意中看到了这个效果,就找了下,给大家分享一下. 效果如下图鼠标进入网页,小萝莉会根据鼠标位置而发生变化,此效果是canvas来实现的需要给自己网站添加,复制下方 ...
(三) 给你的博客添加看板娘(Live2D)HEXO+icarus
HEXO+icarus主题给博客添加看板娘(Live2D) 最近在很多博客左下角或者右下角有看到小人(看板娘),折腾了一番搜到的都没有达到预期的效果,并且大多数教程都是基于Next来做的,本人使用的 ...
用html5看板娘,HEXO+icarus主题给博客添加看板娘(Live2D)
最近在很多博客左下角或者右下角有看到小人(看板娘),折腾了一番搜到的都没有达到预期的效果,并且大多数教程都是基于Next来做的,本人使用的主题是Icarus,跟Next有细微的区别.后面找到了大神的作 ...
Hexo添加Live2D看板娘最新教程
目录前言介绍 Live2D 看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo 查看效果发布结束语参考前言上次我们搭建了hexo博客 ...
【插件】博客 - 看板娘
文章目录 # 入门 # 进阶 # 归档 # 入门转载 - https://www.cnblogs.com/dxdblog/p/10255503.html 示例: 代码: <!-- 看板娘 -- ...
html给看板娘添加语音,如何给你的Jekyll博客添加可爱的二次元看板娘(Live2D)
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 有朋友问这个右下角的小东西是怎么弄出来的,今天就手把手教你.请往下看: Live2D Add the Sseexxyyy ...
android 用代码模拟滑动,Android开发之使用150行代码实现滑动返回效果
今天带大家实现滑动返回效果.,具体内容如下所示: 先看看效果图: 因为没有具体内容,也没有简书的图片资源,所以稍微简陋了点. 但是依然不妨碍我们的效果展示~ OK,接下来惯例,通过阅读本文你能学习到: ...

基于大佬的代码实现看板娘效果（三段代码实现）

基于大佬的代码实现看板娘效果（三段代码实现）

基于大佬的代码实现看板娘效果（三段代码实现）相关推荐

最新文章

热门文章