一为主题导航 – OneNav主题侧栏增加一个躲猫猫功能

2025年11月14日 73

在您的OneNav主题，网站上增加一个躲猫猫功能，当鼠标移动上面就会躲起来，鼠标移走就会出现时不时的眨一下眼，支持电脑和移动端网站。

效果图

主题设置-> 全局功能-> 添加代码->顶部(header)自定义 js 代码

主题设置-> 全局功能-> 添加代码->自定义样式css代码

#maomao {

position: fixed;

bottom: 40px;

right: -5px;

width: 57px;

height: 70px;

background-image: url('https://cdn.zxki.cn/tc/2023/11/21/0cab3fe8f3d75.svg');

background-position: center;

background-size: cover;

background-repeat: no-repeat;

transition: background .3s;

}

#maomao:hover {

background-position: 60px 50%;

}

注：background-image: url(‘自定义图片链接’);

Comments | NOTHING

空空如也！