记录一下自己的网站改动项!有喜欢的可以参考!
更新评论表情
利用css使表情变小
css
/*使评论中的表情变小*/
.popover_faces>img { width:36px; }
.cmt_faces { width:35px; }
更换评论框背景图片
css
/*添加评论框背景图片*/
#comment {
background-image:url(https://fengwanqing.xin/wp-content/themes/niRvana/assets/imgs/background.png);
background-repeat:no-repeat;
background-position:center center;
}
改变鼠标样式
css
/*改变鼠标样式*/
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
15494
30
切换网页提示
未标题
/*自动刷新页面,避免无法访问*/
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插件实现,自己改动了一部分,下载链接为插件压缩包。
下载提示
请认真评论后下载...
网站添加雪花特效
WP Snow Effect 插件,插件栏直接搜索即可
404页面语音提示
示例页面:https://fengwanqing.xin/404
下载提示
请认真评论后下载...
css抖动元素
JS
/* 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 [email protected] 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;}
鼠标点击说话
JS
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();
});
});
})
下载
123
啥适合可以同意QQ申请啊
加你了
网站做的真漂亮
看一看
您好,悬浮小人无法下载呢,可以修复一下么?
现在有看板娘插件,你直接搜索就行,特别好用!
网站悬浮小人插件好像没法下载呢~
学习一下
评论用户 浏览器操作系统标识怎么实现的呀
详情可以参考这个链接
<a href="https://www.jxtxzzw.com/archives/5408" rel="nofollow ugc">https://www.jxtxzzw.com/archives/5408</a>
请输入代码...
要什么?直接找我,我给你!
想要首页的轮播图
图有,轮播效果需要你自己去写代码实现了,因为我也不会。。。
ok
123