网站改动日志

记录一下自己的网站改动项！有喜欢的可以参考！

更新评论表情

利用css使表情变小

更换评论框背景图片

/*添加评论框背景图片*/
#comment {
    background-image:url(https://fengwanqing.xin/wp-content/themes/niRvana/assets/imgs/background.png);
    background-repeat:no-repeat;
    background-position:center center;
}

改变鼠标样式

/*改变鼠标样式*/
body {
	cursor: url(https://fengwanqing.xin/wp-content/themes/niRvana/assets/imgs/1.png),default
}
a:hover {
	cursor: url(https://fengwanqing.xin/wp-content/themes/niRvana/assets/imgs/2.png),pointer
}

给博客添加统计信息

WordPress如何添加“博客统计”信息

2020-1-7 15490 28

切换网页提示

/*自动刷新页面，避免无法访问*/
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange',
function() {
    if (document.hidden) {
        document.title = '竟然不看爸爸？！∑(ﾟДﾟノ)ノ ';
        clearTimeout(titleTime);
    } else {
        document.title = '乖！回来就好！ヾ(ﾟ∀ﾟゞ)';
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        },
        2000);
    }
});

网站增加悬浮小人

WordPress插件实现，自己改动了一部分，下载链接为插件压缩包。

Get it!Download

网站添加雪花特效

WP Snow Effect 插件，插件栏直接搜索即可

404页面语音提示

示例页面：https://fengwanqing.xin/404

Get it!Download

css抖动元素

这是一个示例

/* css抖动元素 */
.Pshake{
    display: inline-block;
    will-change: transform; /*可以删除*/
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center;
    -webkit-animation: Pshake_Crazy 1s ease-in-out infinite;
            animation: Pshake_Crazy 1s ease-in-out infinite;
}

@keyframes Pshake_Crazy{
    10%{transform:translate(-0.5px,-0.5px) rotate(0.5deg);}
    20%{transform:translate(-0.5px,1.5px) rotate(0.5deg);}
    30%{transform:translate(1.5px,0.5px) rotate(0.5deg);}
    40%{transform:translate(1.5px,-0.5px) rotate(-0.5deg);}
    50%{transform:translate(2.5px,1.5px) rotate(1.5deg);}
    60%{transform:translate(-0.5px,-0.5px) rotate(-0.5deg);}
    70%{transform:translate(-0.5px,2.5px) rotate(1.5deg);}
    80%{transform:translate(2.5px,-1.5px) rotate(-0.5deg);}
    90%{transform:translate(1.5px,-0.5px) rotate(1.5deg);}
    0%,100%{transform:translate(0,0) rotate(0);}
}

function random_keyframes(){
    var a='@keyframes Pshake_Crazy{',b='%{transform:translate(',c='px,',d='px) rotate(',e='deg);}', f='0%,100%{transform:translate(0,0) rotate(0);}}',g='',i=1, 
        jitter=30 /*抖动幅度 >=10*/ , level=1 /*抖动程度 1~99*/;
    function XYRrandom(){
        let _xyr_num=((~(Math.random()*jitter))+(~~(Math.random()*jitter)) )/10;
    return _xyr_num;}
    for (i; i<100; i+=level) {
        g=i+b+XYRrandom()+c+XYRrandom()+d+XYRrandom()+e;a=a+g;
    }
return a+f;}

鼠标点击说话

var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("我爱学习", "学习使我快乐", "优秀是一种习惯", "我徜徉在知识的海洋里", "吮吸着知识的雨露", "妈妈叫我吃饭", "我充耳不闻", "阿姨喊我喝水", "我无动于衷", "外婆喊我睡觉", "我百般推辞", "我爱读书！", "我爱学习！", "学习使我快乐！", "学习使我进步！", "(๑*◡*๑)", "✧*｡٩(ˊᗜˋ*)و✧*｡", "（づ￣3￣）づ╭❤～", "╰( ´・ω・)つ──☆", "奥利给！", "(((┏(;￣▽￣)┛装完逼就跑", "真刺激(,,•﹏•,,)");
        var $i = $("<span />").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({        "z-index": 9999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#ff7bb0"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
})