給網頁添加看板娘


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

 

 下載下來可以直接打開就可以,但是不能換衣服和模型

    旁邊的欄目和頭頂的文字框都不能用,所以我給隱藏了
 
 
 
想在博客園搞就去大佬的地盤吧: https://www.cnblogs.com/hean/p/11167216.html
 
 
 
下載鏈接       https://files.cnblogs.com/files/java--script/%E7%9C%8B%E6%9D%BF%E5%A8%98%E4%BD%8E%E9%85%8D%E7%89%88.zip
直接打開
把以下代碼補全, 放在下載文件同文件夾
 
 
希望有大佬指點以下
 
<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM