统计
  • 建站日期:2022-12-01
  • 文章总数:5933 篇
  • 评论总数:34311 条
  • 分类总数:14 个
  • 最后更新:3月31日
文章 网页代码

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

首页 > 网页代码 > 正文
网站右侧底部添加一个可爱的小猫-酷库博客-第4张图片

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

预览图片

网站右侧底部添加一个可爱的小猫-酷库博客-第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里面的域名即可。

免费资源
网站右侧底部添加一个可爱的小猫-酷库博客-第6张图片
可爱猫猫css.zip
管理员设置评论后可免费下载
免责申明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
网站使用CDN的情况下nginx日志如何记录真实IP
« 上一篇 01月14日
01月15日_星期日_在这里每天60秒读懂世界!
下一篇 » 01月15日
为了防止灌水评论,登录后即可评论!
注册登录

已有 16 条评论

  1. TjQX8RYX 游客
    2023-03-27 21:27 浙江省杭州市 联通

    说道:11

    1. unPueW2m Lv.4
      2023-03-03 16:16 广东省广州市 移动

      说道:6

      1. dl71jVjy Lv.3
        2023-02-26 20:28 湖南省长沙市 联通

        说道:fnsgdjg

        1. CrkB9hyg Lv.3
          2023-02-17 12:59 山西省运城市盐湖区 联通

          说道:测测

          1. waltshen Lv.6
            2023-02-11 16:27 江苏省南京市 联通

            说道:666

            1. yPoVPaxK 游客
              2023-02-07 15:54 浙江省台州市 电信

              说道:666666

              1. HzivUQe0 Lv.6
                2023-02-01 11:54 河北省 移动数据上网公共出口

                说道:6666

                1. a4wICH3m Lv.6
                  2023-01-24 21:03 江西省吉安市 电信

                  说道:感谢分享

                  1. 1gzWrcTU Lv.3
                    2023-01-21 14:25 广西 移动数据上网公共出口

                    说道:谢谢老板现场

                    1. 1gzWrcTU Lv.3
                      2023-01-21 14:25 广西 移动数据上网公共出口

                      说道:谢谢老板

                      HI ! 请登录
                      注册会员,享受下载全站资源特权。

                      最新文章

                      本周热门


                      登陆
                      还没有账号?立即注册
                      点击按钮进行验证
                      登陆
                      忘记密码
                      已经有账号?马上登陆
                      获取验证码
                      重新获取(60s)
                      点击按钮进行验证
                      重置密码
                      注册
                      已经有账号?马上登陆 获取邀请码
                      点击按钮进行验证
                      立即注册