文章 网页代码

网站右侧底部添加一个可爱的小猫

首页 > 网页代码 > 正文

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

预览图片

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

教程步骤

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里面的域名即可。

网站右侧底部添加一个可爱的小猫第4张插图文件下载
可爱猫猫css.zip
PHP/HTML
5.3K
蓝奏云
更新时间:2023-01-14 20:52:09
这篇文章最后更新于2023-1-14,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
网站使用CDN的情况下nginx日志如何记录真实IP
« 上一篇 01月14日
01月15日_星期日_在这里每天60秒读懂世界!
下一篇 » 01月15日
为了防止灌水评论,登录后即可评论!
注册登录

已有 22 条评论