给网页添加看板娘

在大佬哪里嫖来了文件,在本地打开只有人物

旁边的栏目和头顶的文字框都不能用,所以我给隐藏了

不知道是为什么

可能我是个菜鸡吧

点文件下载即可

下载链接      http://yk1981268324.gz01.bdysite.com/index3.html

把以下代码补全,放在下载文件同文件夹

希望有大佬指点以下

<link rel="stylesheet" type="text/css" href="assets/waifu.min.css?v=1.4.2"/>

<body>

<!-- ---------------看

く__,.ヘヽ.    / ,ー? 〉

     \ ‘, !-─‐-i / /´

      /`?‘    L//`ヽ?

     /  /,  /|  ,  ,    ‘,

   ?  / /-‐/ i L_ ? ヽ!  i

    ? ? 7?`?  ?‘?-??!ハ|  |

     !,/7 ‘0‘   ´0iソ|   |   

     |.从"  _   ,,,, / |./   |

     ?‘| i>.?,,__ _,.イ /  .i  |

      ?‘| | / k_7_/?‘ヽ, ?. |

       | |/i 〈|/  i ,.? | i |

      .|/ / i:   ?!  \ |

        kヽ>??   _,.??   /?!

       !‘〈//`T´‘, \ `‘7‘?r‘

       ?‘ヽL__|___i,___,ン?|ノ

         ?-,/ |___./

         ‘?‘  !_,.:--------------------- -->

<!-- waifu-tips.js 依赖 JQuery 库 -->

<script src="assets/jquery.min.js?v=3.3.1"></script>

<!-- 实现拖动效果,需引入 JQuery UI -->

<script src="assets/jquery-ui.min.js?v=1.12.1"></script>

<div class="waifu" style=" z-index:999;">

<div class="waifu-tips"></div>

<canvas id="live2d" class="live2d"></canvas>

<div class="waifu-tool">

<span class="fui-home"></span>

<span class="fui-chat"></span>

<span class="fui-eye"></span>

<span class="fui-user"></span>

<span class="fui-photo"></span>

<span class="fui-info-circle"></span>

<span class="fui-cross"></span>

</div>

</div>

<script src="assets/waifu-tips.min.js?v=1.4.2"></script>

<!-- <script src="assets/waifu-tips.js"></script> -->

<script src="assets/live2d.min.js?v=1.0.5"></script>

<script type="text/javascript">

/* 可直接修改部分参数 */

live2d_settings[‘modelId‘] = 3;                  // 默认模型 ID

live2d_settings[‘modelTexturesId‘] = 4;         // 默认材质 ID

live2d_settings[‘modelStorage‘] = false;         // 不储存模型 ID

live2d_settings[‘canCloseLive2d‘] = true;       // 隐藏 关闭看板娘 按钮

live2d_settings[‘canTurnToHomePage‘] = false;    // 隐藏 返回首页 按钮

live2d_settings[‘waifuSize‘] = ‘336x300‘;        // 看板娘大小

live2d_settings[‘waifuTipsSize‘] = ‘570x150‘;    // 提示框大小

live2d_settings[‘waifuFontSize‘] = ‘30px‘;       // 提示框字体

live2d_settings[‘waifuToolFont‘] = ‘36px‘;       // 工具栏字体

live2d_settings[‘waifuToolLine‘] = ‘50px‘;       // 工具栏行高

live2d_settings[‘waifuToolTop‘] = ‘-60px‘;       // 工具栏顶部边距

live2d_settings[‘waifuDraggable‘] = ‘axis-x‘;    // 拖拽样式

/* 在 initModel 前添加 */

initModel("assets/waifu-tips.json?v=1.4.2")

</script>

<script type="text/javascript">initModel()</script>

</body>

原文地址:https://www.cnblogs.com/java--script/p/12205254.html

时间: 2024-10-27 10:51:04

给网页添加看板娘的相关文章

美化你的博客园——添加看板娘

做了一个我认为比较浅显易懂的随笔 分为三步 目录 1.压缩包下载(点击下载) 2.上传文件 3.添加代码 具体实施 1.首先下载一个压缩包 /---压缩包下载---/ 2.上传文件 3.添加代码 将代码粘贴(你要抄一遍我也没有办法)到页脚Html代码 不知道怎么放的请看我上一篇随笔 1 <!DOCTYPE html> /*看板娘*/ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

博客添加看板娘

<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/clwydjgs/waifu.css"/> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/clw

为博客添加看板娘

https://github.com/eeg1412/Live2dHistoirehttps://jszbug.com/wtplmbpjqjgfpam.html www.cnblogs.com/Seanocean 原文地址:https://www.cnblogs.com/sea-stream/p/11216593.html

《博客园美化》为您的博客增加一个萌萌的看板娘吧

效果图 这只是静态图片,需要参考请看右下角 需要用到的资源(上传到博客园后台) waifu.css waifu-tips.js live2d.js HTML代码实现 <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/chensv/waifu.css"/>

3行代码 为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物(看板娘)

看板娘一词源自日语“看板娘(かんばんむすめ)”.其中的“看板”指的是店面招牌,或者是为了宣传.打广告而制作的宣传牌.“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生.女店员等.也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传.拉人气的作用.英语又称之为“Poster Girl”. 默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好): 效果如图所示: 可以玩射击游戏, 被射击到的网页元素会消失 里面的子弹可以穿越屏幕边缘的哦(空

博客园引入半透明的看板娘

参考:https://www.cnblogs.com/zzc2018/p/10662149.html 代码(添加在设置的博客侧边栏公告下) <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model":

看板娘相关源码介绍

做个记录,看到好玩的东西,看板娘如下: 下面的源码主要来自博客:https://www.cnblogs.com/zjfjava/p/9100898.html 是自己扣下来的,做了点调整,如果添加到你自己的博客没有效果可能是js冲突等,自己解决. <style> .lktest { left: 0px !important; } </style> <script src="https://cdn.jsdelivr.net/npm/[email protected]/l

css008 给网页添加图片

css008 给网页添加图片 1.            css和<img>标签       1.<img>标签是html的添加图片的标签,一般为: <img src=”url.jpg” href=”describtion of the picture”> 2.css中添加图片:? 3.经常用来处理图片的css属性: A.border(边框):每条边框都可以设置不同的颜色样式和宽度 B.padding(填充):在边框和图片之间添加空间,空间中可以设置背景色等各种属性 C

asp.net WebPages 网页添加默认命名空间

asp.net 网页框架常用的三种: WebForm,Mvc,WebPages 1.WebForm 直接在 system.web/pages 下添加 2.Mvc 新建个Mvc项目,直接复制 3.WebPage 大致上与Mvc相同,区别在于 host factoryType,pages pageBaseType <host factoryType="System.Web.WebPages.Razor.WebRazorHostFactory, System.Web.WebPages.Razor