网站右侧底部添加一个可爱的小猫,访问还会有喵叫声哦~建议先把右侧悬浮美化一下。

预览图片

网站右侧底部添加一个可爱的小猫 第5张插图

教程步骤

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代码到后台主题自定义CSS即可。
3.还有需要注意的就是猫咪图片url需要修改,上传mao.svg到服务器修改css里面的域名即可。