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

追月流涟
萝莉JK制服

简介:

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

预览图片:

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

教程:

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

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,421人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码
我是分割线
我也是有底线哒~