会员活动引导悬浮窗是纯代码版,放在后台自定义顶部或底部 HTML 就能跑:一段样式、一段 js-cookie、一段倒计时脚本。作者说明改 CSS 即可适配其它站点,配图需要自己准备。
脚本里能直接改的参数
- 顶部「快捷施法专区」集中放了
endtime = "2024/6/30,12:00:00"、viptitle(限时钜惠)、vipsubtitle(2024年6月1日至6月30日)、payvip(永久会员仅需68¥)和displaytime = 1(多少天显示一次)。 endtime会被new Date()解析;countDown()用addZero()补零,把剩余时间拆成天、时、分、秒,再写进$(".count").html(...)的模板字符串,倒计时归零后走结束分支。displaytime配合引入的js-cookie 3.0.5控制「几天弹一次」,避免同一访客每次打开都看到。.vip-login-tip的背景图指向第三方接口api.52jyu.cn/api/meinv.php,作者提示图片自行保存替换。
上线前必须改的地方
示例里的活动时间是 2024 年 6 月,早已过期,直接贴上去倒计时会立刻归零,标题、价格、副标题也都要换成自己当期活动。代码顶部那行 jQuery 3.7.1 的 <script> 是被注释掉的,注释说明「和子比有兼容问题的记得注释掉,如果没引用 Jquery 记得…」(原文在此截断);而 countDown() 用了 $,站点没加载 jQuery 就得放开这行或改用原生写法。第三方图床和 CDN 同样建议本地化,避免外链失效或加载拖慢首屏。
修改css即可适配所有网站
![会员活动引导悬浮窗[纯代码版] – 子比主题美化](https://www.muooy.cn/wp-content/uploads/2025/05/2025052610324768.png)
图片自行添加(右键另存为)
![会员活动引导悬浮窗[纯代码版] – 子比主题美化](https://www.muooy.cn/wp-content/uploads/2025/05/2025052610342518.png)
教程
放自定义顶部或底部html都可以,也可以放文件里,都随意
文章链接:https://www.muooy.cn/1541.html
更新时间:2025年05月26日
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:305582964@qq.com,我们将第一时间处理!2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读用户协议和免责声明。
- 1【原创】b2主题推广小工具插件 zib-promotion-widget-b2 (v1.1.0)12月28日
- 2子比主题美化 – 二开最近评论小工具样式12月5日
- 3子比主题美化 – 文章列表多种动画效果美化12月5日
- 4文章页隐藏侧边栏按钮(方法二) - 子比主题美化教程12月5日
- 5给文章内容加上密码查看 - WordPress子比美化教程12月5日
- 6WordPress自动评论插件 - 适配多种主题11月27日
- 7子比主题自带样式的客服联系页面 -子比主题美化教程11月23日
- 8子比主题添加评论链接填写框-子比主题教程11月20日
- 9文章/帖子标题违规检测功能【子比主题教程】10月22日
- 10合作商Logo轮播展示小工具-子比主题美化10月22日


哇,这个悬浮窗美化教程太实用了!图片添加也方便,可以自由调整位置,太贴心啦~🌟