• 博客园看板娘特效页脚保存



    <script id="c_n_script" src="https://blog-static.cnblogs.com/files/hxun/canvas-nest.js" color="0,0,0" opacity="4" count="50" zindex="-2">
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    //这里可以写移动端展示效果代码,本人没试过
    }
    </script>

    </script>
    <script src="https://files.cnblogs.com/files/ogurayui/waifu-tips.js" defer=""></script>


    <!-- 右下角live2d效果 -->
    <script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js" defer=""></script>
    <!-- waifu-tips.js 依赖 JQuery 库 -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" defer=""></script>
    <!-- 实现拖动效果,需引入 JQuery UI -->
    <script src="https://cdn.jsdelivr.net/npm/jquery-ui-dist@1.12.1/jquery-ui.min.js" defer=""></script>
    <link rel="stylesheet" type="text/css" href="https://live2d-cdn.fghrsh.net/assets/1.4.2/waifu.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" defer=""></script>
    <script src="https://live2d-cdn.fghrsh.net/assets/1.4.2/waifu-tips.min.js" defer=""></script>
    <script src="https://live2d-cdn.fghrsh.net/assets/1.4.2/live2d.min.js" defer=""></script>

    </div>

    <script type="text/javascript">
    setTimeout(() => {
    //L2Dwidget.init({
    "model": {
    "scale": 0.5
    },
    "display": {
    "position": "right",
    "width": 131.25,
    "height": 195,
    "hOffset": 0,
    "vOffset": -20
    },
    "mobile": {
    "show": true,
    "scale": 0.5
    },
    "react": {
    "opacityDefault": 0.7,
    "opacityOnHover": 0.2
    }
    });
    }, 600)
    </script>
    <style>

    #MySignature {
    display: none;
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Microsoft Yahei';
    }
    </style>

    <div class="waifu ui-draggable ui-draggable-handle" style="left: 0px;">
    <div class="waifu-tips" style=" 285px; height: 75px; top: -60px; font-size: 15px; opacity: 0;">鼠…鼠标放错地方了!</div>
    <canvas id="live2d" class="live2d" width="300" height="267.5"></canvas>
    <div class="waifu-tool" style="font-size: 18px;">
    <span class="fui-home" style="line-height: 25px; display: none;"></span>
    <span class="fui-chat" style="line-height: 25px;"></span>
    <span class="fui-eye" style="line-height: 25px;"></span>
    <span class="fui-user" style="line-height: 25px;"></span>
    <span class="fui-photo" style="line-height: 25px;"></span>
    <span class="fui-info-circle" style="line-height: 25px;"></span>
    <span class="fui-cross" style="line-height: 25px; display: none;"></span>
    </div>
    </div>

    <script type="text/javascript">
    setTimeout(() => {
    /* 可直接修改部分参数 */
    live2d_settings['modelId'] = 6; // 默认模型 ID
    live2d_settings['modelTexturesId'] = 1; // 默认材质 ID
    live2d_settings['modelStorage'] = false; // 不储存模型 ID
    live2d_settings['canCloseLive2d'] = false; // 隐藏 关闭看板娘 按钮
    live2d_settings['canTurnToHomePage'] = true; // 隐藏 返回首页 按钮
    live2d_settings['waifuSize'] = '200x177.5'; // 看板娘大小
    live2d_settings['waifuTipsSize'] = '200x50'; // 提示框大小
    live2d_settings['waifuFontSize'] = '10px'; // 提示框字体
    live2d_settings['waifuToolFont'] = '14px'; // 工具栏字体
    live2d_settings['waifuToolLine'] = '25px'; // 工具栏行高
    live2d_settings['waifuToolTop'] = '-30px'; // 工具栏顶部边距
    live2d_settings['waifuDraggable'] = 'axis-x'; // 拖拽样式
    /* 在 initModel 前添加 */
    initModel("https://live2d-cdn.fghrsh.net/assets/1.4.2/waifu-tips.json");
    }, 500)
    </script>

      

  • 相关阅读:
    day21
    day19
    【淘淘商城项目】jsonp解决ajax跨域问题
    【淘淘商城项目】商品规格参数的表结构设计
    打印日志的时机
    【javascript】call和apply的区别
    MySQL timestamp自动更新时间
    spring管理属性配置文件properties——PropertiesFactoryBean和PropertyPlaceholderConfigurer的区别
    【Maven】修改nexus默认的工作目录
    URIEncoding和UseBodyEncodingForURI的解释
  • 原文地址:https://www.cnblogs.com/brady-wang/p/13056113.html
Copyright © 2020-2023  润新知