自定义head

自定义head丨放入后台-外观设置-开发者设置-自定义头部-head

给网站添加crisp在线客服插件

给网站添加crisp在线客服插件

  • 注册crisp账户并添加网站:https://app.crisp.chat/initiate/signup/
  • 注册完成后,点击 设置-网站设置-显示整合-HTML,复制代码添加至后台主题设置 自定义输出head 头部的HTML代码即可
  • 网站背景添加海浪背景

    网站背景添加海浪背景

    • 添加至后台主题设置-开发者设置-自定义CSS
    /* 海浪背景CSS部分 */
    #wavesDIV{position: fixed;bottom: 0;width: 100%;display:block;height:20vh;background-color:rgb(125,165,191);animation: move-out 2s cubic-bezier(0,.98,.97,1) forwards;}
    .waves { position:relative; width: 100%; height:15vh; margin-top:-15vh; min-height:100px; max-height:150px; }
    .parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } 
    .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } 
    .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } 
    .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } 
    .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } 
    @keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }
    @keyframes move-out { 0% { transform: translateY(400%); } 100% { transform: translateY(0%); } }
    • 添加至后台主题设置-开发者设置-自定义网站头部代码
    <div id="wavesDIV" style="display: block;">
            <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
                <defs>
                    <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
                </defs>
                <g class="parallax">
                    <use xlink:href="#gentle-wave" x="48" y="-2" fill="rgba(125,165,191,0.3)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(125,165,191,0.5)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(125,165,191,0.7)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="12" fill="rgba(125,165,191,1)"></use>
                </g>
            </svg>
        </div>

    自定义body

    自定义body丨放入后台-外观设置-开发者设置-自定义尾部-body

    全局彩色字

    全局彩色字

    转至Dzの神奇小窝

    function colorful(min,max){
    var All = document.querySelectorAll('*');
    All.forEach(function(item){
     id1 = Math.floor(Math.random()*max)+min;
     id2 = Math.floor(Math.random()*max)+min;
     id3 = Math.floor(Math.random()*max)+min;
     item.style.color = "rgb("+id1+","+id2+","+id3+")";
     item.style.textShadow = "0 0 2px rgb("+id1+","+id2+","+id3+")";
    });
    }

    基础用法

    1.在网页body标签前添加一个script标签
    2.将代码复制进script标签
    3.在代码后添加 colorful(颜色最浅值,颜色最深值);

    推荐值:colorful(100,115);
    4.如果页面有pjax,再加一句 colorful(颜色最浅值,颜色最深值);在回调函数里

    进阶用法(按推荐值示例)

    在代码中加入

    t = setTimeout(function(){
      colorful(100,115);
    },600);

    在pjax回调函数中加入

    colorful(100,115);
    clearTimeout(t);

    代码 var All = document.querySelectorAll('*');中的号是Css选择器,代表选择所有DOM,也可以改为#XXX,.XXX来选择特定的DOM元素,只让特定位置变色

    右键自定义

    右键自定义

    <style type="text/css">
        a {text-decoration: none;}
        div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
    (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
        div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
        div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
        div.usercm ul li a{color:#666;padding:0 15px;display:block}
        div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
        div.usercm ul li a i{margin-right:10px}
        a.disabled{color:#c8c8c8!important;cursor:not-allowed}
        a.disabled:hover{background-color:rgba(255,11,11,0)!important}
        div.usercm{background:#fff !important;}
        </style>
    <div class="usercm" style="left: 199px; top: 5px; display: none;">
        <ul>
            <li><a href="https://muyu.love/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
            <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
            <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li>
            <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
            <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
            <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>
            <li><a href="https://muyu.love/links.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li>  
               <li><a href="https://muyu.love/message.html"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li>
        </ul>
    </div>
    <script type="text/javascript">
        (function(a) {
            a.extend({
                mouseMoveShow: function(b) {
                    var d = 0,
                        c = 0,
                        h = 0,
                        k = 0,
                        e = 0,
                        f = 0;
                    a(window).mousemove(function(g) {
                        d = a(window).width();
                        c = a(window).height();
                        h = g.clientX;
                        k = g.clientY;
                        e = g.pageX;
                        f = g.pageY;
                        h + a(b).width() >= d && (e = e - a(b).width() - 5);
                        k + a(b).height() >= c && (f = f - a(b).height() - 5);
                        a("html").on({
                            contextmenu: function(c) {
                                3 == c.which && a(b).css({
                                    left: e,
                                    top: f
                                }).show()
                            },
                            click: function() {
                                a(b).hide()
                            }
                        })
                    })
                },
                disabledContextMenu: function() {
                    window.oncontextmenu = function() {
                        return !1
                    }
                }
            })
        })(jQuery);
    
        function getSelect() {
            "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢!") : document.execCommand("Copy")
        }
        function baiduSearch() {
            var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
            "" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open("https://www.baidu.com/s?wd=" + a)
        }
        $(function() {
            for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {
                d = !1;
                break
            }
            d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
        });
        </script>

    万能的控制台

    万能的控制台

    <!--输出控制台-->
    <script type="text/javascript">
      console.clear();  //清空控制台
      console.log("\n %c Catalpa Blog  控制台--没什么可看的","color:#fff;background: linear-gradient(to right , #7A88FF, #d27aff);padding:5px;border-radius: 10px;");  //万能控制台,可写html代码
    </script>

    博客背景添加冒泡动画

    博客背景添加冒泡动画


    设置

    id: '',                           //容器ID
        num: 100,                        // 个数
        start_probability: 0.1,          // 如果数量小于num,有这些几率添加一个新的
        radius_min: 1,                   // 初始半径最小值
        radius_max: 2,                   // 初始半径最大值
        radius_add_min: .3,               // 半径增加最小值
        radius_add_max: .5,               // 半径增加最大值
        opacity_min: 0.3,                 // 初始透明度最小值
        opacity_max: 0.5,                // 初始透明度最大值
        opacity_prev_min: .003,            // 透明度递减值最小值
        opacity_prev_max: .005,            // 透明度递减值最大值
        light_min: 40,                 // 颜色亮度最小值
        light_max: 70,                 // 颜色亮度最大值
        is_same_color: false,          //泡泡颜色是否相同
        background:"#f1f3f4"           //背景颜色

    复制这段内容并添加在前面,handsome主题可以在 开发者设置 自定义输出body 尾部的HTML代码中添加。

    <div id="bubble"></div><script>class BGBubble{constructor(i){this.defaultOpts={id:"",num:100,start_probability:.1,radius_min:1,radius_max:2,radius_add_min:.3,radius_add_max:.5,opacity_min:.3,opacity_max:.5,opacity_prev_min:.003,opacity_prev_max:.005,light_min:40,light_max:70,is_same_color:!1,background:"#f1f3f4"},"[object Object]"==Object.prototype.toString.call(i)?this.userOpts={...this.defaultOpts,...i}:this.userOpts={...this.defaultOpts,id:i},this.color=this.random(0,360),this.bubbleNum=[],this.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,this.cancelAnimationFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame}random(i,t){return Math.random()*(t-i)+i}initBubble(i,t){const a=window.innerWidth,s=window.innerHeight,n=this.userOpts,e=this.random(n.light_min,n.light_max);this.bubble={x:this.random(0,a),y:this.random(0,s),radius:this.random(n.radius_min,n.radius_max),radiusChange:this.random(n.radius_add_min,n.radius_add_max),opacity:this.random(n.opacity_min,n.opacity_max),opacityChange:this.random(n.opacity_prev_min,n.opacity_prev_max),light:e,color:`hsl(${t?i:this.random(0,360)},100%,${e}%)`}}bubbling(i,t,a){!this.bubble&&this.initBubble(t,a);const s=this.bubble;i.fillStyle=s.color,i.globalAlpha=s.opacity,i.beginPath(),i.arc(s.x,s.y,s.radius,0,2*Math.PI,!0),i.closePath(),i.fill(),i.globalAlpha=1,s.opacity-=s.opacityChange,s.radius+=s.radiusChange,s.opacity<=0&&this.initBubble(t,a)}createCanvas(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.canvas.style.display="block",this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight,this.canvas.style.position="fixed",this.canvas.style.top="0",this.canvas.style.left="0",this.canvas.style.zIndex="-1",document.getElementById(this.userOpts.id).appendChild(this.canvas),window.onresize=(()=>{this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight})}start(){const i=window.innerWidth,t=window.innerHeight;this.color+=.1,this.ctx.fillStyle=this.defaultOpts.background,this.ctx.fillRect(0,0,i,t),this.bubbleNum.length<this.userOpts.num&&Math.random()<this.userOpts.start_probability&&this.bubbleNum.push(new BGBubble),this.bubbleNum.forEach(i=>i.bubbling(this.ctx,this.color,this.userOpts.is_same_color));const a=this.requestAnimationFrame;this.myReq=a(()=>this.start())}destory(){(0,this.cancelAnimationFrame)(this.myReq),window.onresize=null}}const bubbleDemo=new BGBubble("bubble");bubbleDemo.createCanvas(),bubbleDemo.start();</script>

    防调试

    防调试

    禁止右键-禁止F12-打开开发者工具自动跳转

    (QQ游览器,火狐不支持跳转~!)

    复制这段内容并添加在前面,handsome主题可以在 开发者设置 自定义输出body 尾部的HTML代码中添加。

    <!--防调试-->
    
    
    <script type="text/javascript">
        $(document).ready(function () {
          document.oncontextmenu = function () {
            return false;
          }
          //document.onselectstart = function () {
           // return false;
         // }
          //document.oncopy = function () {
            //return false;
         // }
          document.onkeydown = function () {
            //f12
            if (window.event && window.event.keyCode == 123) {
              event.keyCode = 0;
              event.returnValue = false;
              layer.msg("别看代码了=.=")
              return false;
            }
            //ctrl+u
            if (event.ctrlKey && window.event.keyCode == 85) {
              return false;
            }
            //ctrl+shift+i
            if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) {
              return false;
            }
            // Ctrl+S
            else if ((event.ctrlKey) && (event.keyCode == 83)) {
              return false;
            }
          };
    
        });
      </script>
    
    <!--<script>
            // 反调试函数,参数:开关,执行代码
            function endebug(off, code) {
                if (!off) {
                    ! function(e) {
                        function n(e) {
                            function n() {
                                return u;
                            }
    
                            function o() {
                                window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized ? t("on") : (a = "off", console.log(d), console.clear(), t(a));
                            }
    
                            function t(e) {
                                u !== e && (u = e, "function" == typeof c.onchange && c.onchange(e));
                            }
    
                            function r() {
                                l || (l = !0, window.removeEventListener("resize", o), clearInterval(f));
                            }
                            "function" == typeof e && (e = {
                                onchange: e
                            });
                            var i = (e = e || {}).delay || 500,
                                c = {};
                            c.onchange = e.onchange;
                            var a, d = new Image;
                            d.__defineGetter__("id", function() {
                                a = "on"
                            });
                            var u = "unknown";
                            c.getStatus = n;
                            var f = setInterval(o, i);
                            window.addEventListener("resize", o);
                            var l;
                            return c.free = r, c;
                        }
                        var o = o || {};
                        o.create = n, "function" == typeof define ? (define.amd || define.cmd) && define(function() {
                            return o
                        }) : "undefined" != typeof module && module.exports ? module.exports = o : window.jdetects = o
                    }(), jdetects.create(function(e) {
                        var a = 0;
                        var n = setInterval(function() {
                            if ("on" == e) {
                                setTimeout(function() {
                                    if (a == 0) {
                                        a = 1;
                                        setTimeout(code);
                                    }
                                }, 200);
                            }
                        }, 100);
                    })
                }
            }
        endebug(false, function() {
            // 非法调试执行的代码(不要使用控制台输出的提醒)
            document.write("检测到非法调试,请关闭后刷新重试!");
        });
    
    </script>-->
    <script>
        //debug调试时跳转页面
        var element = new Image();
        Object.defineProperty(element,'id',{get:function(){window.location.href="https://muyu.love"}});
        console.log(element);
    </script>

    五颜六色字体

    五颜六色字体

    <script>
    /*五颜六色字体*/
    function sjcolor(){
        var colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999", "#3bca6e", "#f23232", "#834e75", "#23b7e5", "#f60"];
        /*设置颜色*/
        document.querySelectorAll("#aside > div > div.navi-wrap.scroll-y.scroll-hide > nav > ul > li > a > span").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#aside > div > div.navi-wrap.scroll-y.scroll-hide > nav > ul > li > ul > li > a > span").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#aside > div > div.navi-wrap.scroll-y.scroll-hide > nav > ul > li > ul > li > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#aside > div > div.navi-wrap.scroll-y.scroll-hide > nav > ul > li > ul > li > a > b").forEach(e => {
            e.style.backgroundColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*左侧导航字体颜色*/
        document.querySelectorAll("#post-panel > div > div > div > div.panel-body > div.nav-tabs-alt > ul > li > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#post-panel > div > div > div > div").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#post-panel > div.blog-post > div > div.post-meta.wrapper-lg > h2 > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*首页面板*/
        document.querySelectorAll("#small_widgets > h1").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#small_widgets > ul").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#content > main > div > div > div > h1").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*博客名称*/
        document.querySelectorAll(".m-l-xs").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*文章标题*/
        document.querySelectorAll("#search_input").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*搜索框*/
        document.querySelectorAll("#content > main > div > div > h1").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#content > main > div > div > div > div a >span").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*友情链接*/
        document.querySelectorAll("#header > div > ul > li > div > div > div > div > div > div > a > span > span").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*工具导航*/
        document.querySelectorAll("#tag_toc > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*文章目录*/
        document.querySelectorAll("#content > main > div > div > header > h1").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#typedWord").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*签名标题*/
        document.querySelectorAll("#tag_cloud-2 h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#tag_cloud-2 a").forEach(e => {
            e.style.backgroundColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*标签颜色*/
        document.querySelectorAll("#blog_info > ul > li > span.badge.pull-right").forEach(e => {
            e.style.backgroundColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*博客信息*/
        document.querySelectorAll("#blog_info > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-hots > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-hots > ul > li > div > h4 > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-hots > ul > li > div > small > span > span.meta-value").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*热门文章颜色*/
        document.querySelectorAll("#widget-tabs-4-comments > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-comments > ul > li > div > div > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-comments > ul > li > div > small > span").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*最新评论颜色*/
        document.querySelectorAll("#widget-tabs-4-random > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-random > ul > li > div > h4 > a").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        document.querySelectorAll("#widget-tabs-4-random > ul > li > div > small > span > span.meta-value").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*随机文章颜色*/
        document.querySelectorAll("#sidebar > section.widget.widget_categories.wrapper-md.clear.visible-lg.visible-md > h5").forEach(e => {
            e.style.color = colorArr[Math.floor(Math.random() * colorArr.length)];
        });
        /*手机阅读标题*/
    }sjcolor();
    </script>

    Pjax:后台主题设置回调函数内添加

    <!--五颜六色字体-->
    sjcolor();

    自定义JavaScript

    自定义JavaScript丨放入后台-外观设置-开发者设置-自定义JavaScript

    彩色标签云

    彩色标签云

    <!--左侧图标颜色and彩色标签云-->
    let tags = document.querySelectorAll("#tag_cloud-2 a");
    let infos = document.querySelectorAll(".badge");
    let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
    tags.forEach(tag => {
        tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        tag.style.backgroundColor = tagsColor;
    });
    infos.forEach(info => {
        infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        info.style.backgroundColor = infosColor;
    });
    function addNumber(a) {
        var length = document.getElementById("comment").value.length;
        if(length> 0){
            document.getElementById("comment").focus()
            document.getElementById("comment").value += '\n' + a + new Date
        }else{
            document.getElementById("comment").focus()
            document.getElementById("comment").value += a + new Date
        }
    }
    let leftHeader = document.querySelectorAll("span.nav-icon>svg,span.nav-icon>i");
    let leftHeaderColorArr = ["#FF69B4", "#58c7ea", "#E066FF", "#FF69B4", "#FFA54F", "#90EE90"];
    leftHeader.forEach(tag => {
        tagsColor = leftHeaderColorArr[Math.floor(Math.random() * colorArr.length)];
        tag.style.color = tagsColor;
    });

    如果你的主题开启了pjax,需在后台pjax添加回调函数>pjax添加回调函数

    let tags = document.querySelectorAll("#tag_cloud-2 a");
    let infos = document.querySelectorAll(".badge");
    let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
    tags.forEach(tag => {
        tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        tag.style.backgroundColor = tagsColor;
    });
    infos.forEach(info => {
        infosColor = colorArr[Math.floor(Math.random() * colorArr.length)];
        info.style.backgroundColor = infosColor;
    });
    function addNumber(a) {
        var length = document.getElementById("comment").value.length;
        if(length> 0){
            document.getElementById("comment").focus()
            document.getElementById("comment").value += '\n' + a + new Date
        }else{
            document.getElementById("comment").focus()
            document.getElementById("comment").value += a + new Date
        }
    }

    播放器音乐大小

    播放器音乐大小


    博客开启了自动播放的哥哥们必备

    <!--音乐音量--><!--volume=0.5,数值越小音量越小-->
    setTimeout(function (){    document.querySelector(".skPlayer-source").volume=0.5;}, 3000);

    动态标题栏

    动态标题栏

    <!--图片链接可替换-->
    var OriginTitle = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function () {
         if (document.hidden) {
             $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/warning.webp");
             document.title = '网页崩溃了!!!';
             clearTimeout(titleTime);
         }
         else {
             $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/favicon.webp");
             document.title = '咦,又好啦(✿◡‿◡)' ;
             titleTime = setTimeout(function () {
                 document.title = OriginTitle;
             }, 2000);
         }
     });

    END
    最后修改:2021 年 07 月 18 日 01 : 01 AM
    本文作者:
    文章标题:[持续更新]Handsome魔改记录
    本文地址:https://www.muyu.love/21.html
    版权说明:知识共享署名-非商业性使用 4.0 协议
    转载声明:进行许可转载引用文章应遵循相同协议
    如果觉得我的文章对你有用,请随意赞赏
    双击文章内容区域可以给本文点赞哦,快来试试吧