简介:
网站右侧底部添加一个可爱的小猫,访问还会有喵叫声哦~建议先把右侧悬浮美化一下,像本站一样,教程如下
预览图片:
教程:
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%; }
© 版权声明
本站网站名称:追月流涟教程网
本站永久网址:https://www.zyds666.cn
网站侵权说明:
本站采用 CC BY-NC-SA 4.0 国际许可协议 进行许可,转载或引用本站文章应遵循相同协议。
1、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ进行删除处理。
2、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
3、本站禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
4、本站资源大多存储在云盘,如发现链接失效,请联系我们将会第一时间更新。
站长邮箱:abcdefghijklm1211@qq.com
1、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ进行删除处理。
2、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
3、本站禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
4、本站资源大多存储在云盘,如发现链接失效,请联系我们将会第一时间更新。
站长邮箱:abcdefghijklm1211@qq.com
还没有评论,来说两句吧...