简介:

网站右侧底部添加一个可爱的小猫，访问还会有喵叫声哦~建议先把右侧悬浮美化一下，像本站一样，教程如下

预览图片:

教程:

1.主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码：

<!--躲猫猫-->
    <div id="maomao" onmouseout="duoMaomao()">
        <input type="button" onclick="autoPlay()" hidden="true">
    </div>
    
<!--自动一声猫咪叫-->
    <audio id="myaudio" src="https://cdn.jsdelivr.net/gh/muzihuaner/huancdn@main/music/miao.mp3" acontrols="controls" autoplay="autoplay" hidden="true"></audio>

2.复制下方代码到后台主题自定义CSS即可

        #maomao {
            position: fixed;
            bottom: 40px;
            right: -5px;
            width: 57px;
            height: 70px;
            background-image: url(https://pic.imgdb.cn/item/63e8a0694757feff33d9b4bc.png);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            transition: background .3s;
        }
        #maomao:hover {
            background-position: 60px 50%;
        }