本文最后更新于:
今天蛙言网给大家带来这一款顶部挂件的教程,这个代码做了手机适配,电脑端才会显示,手机端将会隐藏,图片可自行更换成你喜欢的图片类型,与此同时这个效果为两款,第一款是一直挂在了顶部而不是跟着鼠标滑动走的,第二款就是页面滑动那么悬挂也跟着走,有喜欢的自行获取部署体验!
效果图:

- 两种款式的区别:
- 第一款是固定在顶部 不跟随页面移到
- 第二款是随页面滑动 固定顶部显示
部署教程:
- 第一步:
子比主题后台 – 自定义代码 – 自定义头部HTML代码 中添加以下代码:
<div class="b66b_topdoll"></div>
- 第二步:
子比主题后台 – 自定义代码 – 自定义CSS代码 中添加以下代码:





![[子比主题美化] – 文章列表卡片3个小圆圈样式美化+代码区块添加圆点美化-蛙言网](https://b66b.cn/wp-content/uploads/2024/04/20240408145045406-20240408065045454479.webp)

![[子比主题美化]侧边栏悬浮按钮美化-蛙言网](https://vip.helloimg.com/images/2023/11/26/o0MVkA.jpg)









![[子比主题美化]LV等级&VIP会员图标分享-蛙言网](https://vip.helloimg.com/images/2023/11/27/o0cUjh.png)


















请登录后查看评论内容