博客园皮肤保存

1

clockdiv {
/* left, center, right */
text-align: center;
}

.aplayer .aplayer-list {
max-height: 483px !important;
}

.aplayer .aplayer-list ol {
max-height: 481px !important;
}

/* 定制公告栏音乐插件的样式 /
.aplayer {
font-family: Arial,Helvetica,sans-serif; /音乐插件字体/
margin: 0px; /音乐插件与公告栏左边的边距，0px就是直接抵到公告栏左边的边上*/
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
border-radius: 2px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: normal;
}


2

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?742e9bdb6e867044bb348deab863d79d";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



<!-- 添加图片并指向CSDN-->
<div align="center" style="margin-top: 30px;">
    <a href="https://www.cnblogs.com/php-linux/">
        <img style="width: 100px;
height: 100px;
border-radius: 50px;" src="https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_QQ%E5%9B%BE%E7%89%8720190731083645.jpg">
    </a>
</div>
<br>
<!--<embed wmode="transparent" src="https://files.cnblogs.com/files/jingmoxukong/honehone_clock_tr.swf" quality="high" bgcolor="#FDF6E3" width="240" height="110" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
-->

<div align='left'>
    声明：现大部分文章为寻找问题时在网上相互转载，在此博客中做个记录，方便自己也方便有类似问题的朋友，故原出处已不好查到，如有侵权，请私信表明文章和原出处地址进行删除,谢谢。
</div>

<br> 
<div id="player"  class="aplayer">
 <pre class="aplayer-lrc-content">
        [00:01.75]马良 - 往后余生
        [00:00.44]作词：马良
        [00:00.59]作曲：马良
        [00:02.49]余生很长
        [00:04.92]请多指教
        [00:15.99]在没风的地方找太阳
        [00:23.34]在你冷的地方做暖阳
        [00:31.01]人事纷纷
        [00:33.74]你总太天真
        [00:38.30]往后的余生
        [00:40.35]我只要你
        [00:43.65]往后余生
        [00:47.30]风雪是你
        [00:51.05]平淡是你
        [00:54.77]清贫也是你
        [00:58.45]荣华是你
        [01:02.25]心底温柔是你
        [01:06.40]目光所至
        [01:09.39]也是你
        [01:15.06]呜呜呜……
        [01:30.55]想带你去看晴空万里
        [01:37.94]想大声告诉你我为你着迷
        [01:45.52]往事匆匆
        [01:48.30]你总是会感动
        [01:52.79]往后的余生
        [01:55.03]我只要你
        [01:58.16]往后余生
        [02:01.82]冬雪是你
        [02:05.59]春华是你
        [02:09.38]夏雨也是你
        [02:13.12]秋黄是你
        [02:16.88]四季冷暖是你
        [02:21.07]目光所至
        [02:23.95]也是你
    </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
    </pre>

    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
     </pre>

</div>
<link href="https://blog-static.cnblogs.com/files/php-linux/APlayer.min_v1.10.1.css" rel="stylesheet">
<script src="https://blog-static.cnblogs.com/files/php-linux/APlayer.min_v1.10.1.js"></script>

<script type="text/javascript">
    var ap = new APlayer({
        element: document.getElementById('player'),
        listFolded:true,
        order: 'random',
        preload: 'auto',
        autoplay: false,          <!-- 是否自动播放 -->
        showlrc: false,
        volume:0.4,
        theme: '#F5F5F5',      <!-- 插件背景颜色，建议和你的公告栏背景色一样，这样融为一体的感觉 -->
        music: [
            {
                title: '往后余生',
                author: '王贰浪',
                url: 'https://blog-static.cnblogs.com/files/php-linux/%E7%8E%8B%E8%B4%B0%E6%B5%AA-%E5%BE%80%E5%90%8E%E4%BD%99%E7%94%9F.js',
                 pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '我的一个道姑朋友',
                author: '洛尘鞅',
                url: 'https://files.cnblogs.com/files/php-linux/%E6%B4%9B%E5%B0%98%E9%9E%85-%E6%88%91%E7%9A%84%E4%B8%80%E4%B8%AA%E9%81%93%E5%A7%91%E6%9C%8B%E5%8F%8B.js',
              pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
           
            {
                title: '拂雪',
                author: '不才',
                url: 'https://files.cnblogs.com/files/php-linux/%E4%B8%8D%E6%89%8D-%E6%8B%82%E9%9B%AA.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },

            {
                title: '大田后生仔',
                author: '王玉萌',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%8E%8B%E7%8E%89%E8%90%8C-%E5%A4%A7%E7%94%B0%E5%BE%8C%E7%94%9F%E4%BB%94.js',
               pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '浪子回头',
                author: '王玉萌',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%8E%8B%E7%8E%89%E8%90%8C-%E6%B5%AA%E5%AD%90%E5%9B%9E%E5%A4%B4.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '素颜',
                author: '许嵩,何曼婷',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%B4%A0%E9%A2%9C.js',
                 pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '眉间雪',
                author: '晴愔',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%9C%89%E9%97%B4%E9%9B%AA.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '怨苍天变了心',
                author: '方季惟',
                url: 'https://files.cnblogs.com/files/php-linux/%E6%80%A8%E8%8B%8D%E5%A4%A9%E5%8F%98%E4%BA%86%E5%BF%83.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '巧解姻缘天作合',
                author: '陈倩倩',
                url: 'https://files.cnblogs.com/files/php-linux/%E5%B7%A7%E8%A7%A3%E5%A7%BB%E7%BC%98%E5%A4%A9%E4%BD%9C%E5%90%88.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '烟雨唱扬州',
                author: '李殊',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%83%9F%E9%9B%A8%E5%94%B1%E6%89%AC%E5%B7%9E.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '恋愛サーキュレーション',
                author: '花澤香菜',
                url: 'https://files.cnblogs.com/files/php-linux/%E6%81%8B%E6%84%9B%E3%82%B5%E3%83%BC%E3%82%AD%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '丐秀·无垢',
                author: 'NL不分',
                url: 'https://files.cnblogs.com/files/php-linux/%E4%B8%90%E7%A7%80%C2%B7%E6%97%A0%E5%9E%A2.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '皈依',
                author: '胡萝卜君,菀卿尘',
                url: 'https://files.cnblogs.com/files/php-linux/%E7%9A%88%E4%BE%9D.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            },
            {
                title: '归雪',
                author: '凉松羽,世狼',
                url: 'https://files.cnblogs.com/files/php-linux/%E5%BD%92%E9%9B%AA.js',
                pic: 'https://images.cnblogs.com/cnblogs_com/php-linux/674292/o_2007140237188909342719897560.jpg'
            }


        ]
    });
    //ap.init();
</script>
<br />

<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>




<!--<video-->
<!--        id="my-player"-->
<!--        class="video-js"-->
<!--        controls-->
<!--        preload="none"-->
<!--        poster="https://www.cnblogs.com/images/cnblogs_com/php-linux/674292/t_2.jgp.png"-->
<!--        width="300"-->
<!--        height="264"-->
<!--        data-setup='{}'>-->
<!--    <source src="https://files.cnblogs.com/files/php-linux/1.js" type="video/mp4">-->
<!--    <source src="https://files.cnblogs.com/files/php-linux/1.js" type="video/webm">-->
<!--    <source src="https://files.cnblogs.com/files/php-linux/1.js" type="video/ogg">-->
<!--</video>-->
<!--<br>-->










3

<script src="https://blog-static.cnblogs.com/files/php-linux/mousebak.js"> </script>
<link type="text/css" rel="styleSheet"  href="https://blog-static.cnblogs.com/files/php-linux/my.css" />

<script type="text/javascript">
$(function() {
	// hide #back-top first
	$("#back-top").hide();
	// fade in #back-top
	$(window).scroll(function() {
		if ($(this).scrollTop() > 500) {
			$('#back-top').fadeIn();
		} else {
			$('#back-top').fadeOut();
		}
	});
	// scroll body to 0px on click
	$('#back-top a').click(function() {
		$('body,html').animate({
			scrollTop: 0
		}, 800);
		return false;
	});
});
</script>
<p id="back-top" style="display:none"><a href="#top"><span></span></a></p>




4

<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 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>

<!--<script src="https://files.cnblogs.com/files/zhonglinke/jquery.snow.js"></script>

<script src="https://files.cnblogs.com/files/zhonglinke/my.js"></script>
<script>
 (function($){$.fn.snow=function(options){var $flake=$('<div id="flake" />').css({'position':'absolute','top':'-50px'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:20,maxSize:40,newOn:300,flakeColor:"#2894FF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);
  $.fn.snow({ minSize: 5, maxSize: 50, newOn: 800, flakeColor: '#2894FF' });
  </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 class="waifu ui-draggable ui-draggable-handle" style="left: 0px;">
    <div class="waifu-tips" style="width: 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>

/* 鼠标特效 */
<!--<script>
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤","⚡","💎","🔥","☻","☀","😉","🍂","😏",);
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

  <script src="https://blog-static.cnblogs.com/files/zouwangblog/mouse-click.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
-->
<script type="text/javascript">
 $(document).ready(function(){  	
// 控制台输出信息
(function(a){
    if (!a) return;
    var msg = "%c欢迎访问brady的博客,望各位大佬多加指点.\n ";
    if (window.chrome) {
        a.log("%c ", "padding:50px;background:url('https://img2018.cnblogs.com/blog/1646268/201907/1646268-20190715094436742-266052290.jpg')no-repeat;background-size: contain;");
        a.log(msg, "color:#0080FF");
    } else {
        a.log(msg.replace(/%c/g,''));
    }
})(top.console);
});
</script>