码迷,mamicode.com
首页 > Web开发 > 详细

给网页添加看板娘

时间:2020-01-17 13:49:46      阅读:587      评论:0      收藏:0      [点我收藏+]

标签:set   canvas   models   hot   看板   image   lin   homepage   补全   

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

 

 

   旁边的栏目和头顶的文字框都不能用,所以我给隐藏了
不知道是为什么
可能我是个菜鸡吧
 
 
 
点文件下载即可
把以下代码补全,放在下载文件同文件夹
 
 
希望有大佬指点以下
 
<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>

给网页添加看板娘

标签:set   canvas   models   hot   看板   image   lin   homepage   补全   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!