【合成与战斗】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程-399游戏源码屋

限时特惠
28.8
C币

🏆
限时会员免费

视频搭建教程：
/iframe><br /> </p> <div style="padding: 10px 0; margin-bottom: 10px;"><span style="display: inline-block; background: #db2777; color: #fff; font-size: 12px; padding: 3px 10px; border-radius: 4px; margin-right: 8px;">付费资源</span><br /> <span style="font-size: 16px; color: #1f2937; font-weight: 600;">【合成与战斗】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程</span></div> <p></p> <div style="background: linear-gradient(to right, #f97316, #fbbf24); padding: 12px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(249,115,22,0.15);"> <h3 style="text-align: center; font-size: 18px; color: #ffffff; margin: 0; text-shadow: 0 1px 2px rgba(0,0,0,0.1);">下载默认同意此说明</h3> </div> <div style="border: 2px dashed #10b981; padding: 18px; border-radius: 8px; margin-bottom: 20px; background: #f0fdf4;"> <p style="color: #dc2626; font-weight: 600; margin: 0 0 12px 0; font-size: 15px;"><span style="color: #059669; margin-right: 5px;">💡</span>视频教程只是同款教学参考，请不要对标视频里面的内容，以文字为准！</p> <ol style="margin: 0; padding-left: 24px; color: #1f2937; line-height: 2.0; font-size: 14px;"> <li style="margin-bottom: 8px;">下载须知：请使用【2345好压】解压资源否则可能报错！默认解压密码：www.399dj.com【本站没有用户技术交流群】</li> <li style="margin-bottom: 8px;">下翻看看文章中是否有视频教程，若没有就严格按照文字，从上到下依次操作！</li> <li style="margin-bottom: 8px; color: #dc2626; font-weight: 600;">【注：所有资源只测试能进游戏，并不对完整性BUG负责！若介意一定别下载！】</li> <li style="margin-bottom: 8px;">如果进不去，不要怀疑资源有问题，大概率是自己搭建的细节问题，多搭建几遍就好了。</li> <li style="margin-bottom: 8px;">所有资源所见即所得，无任何【换皮、修改、换版本，充值到你账上】之类的服务！</li> <li style="color: #dc2626; font-weight: 600;">★★★★★399源码网确保，百分百亲测服务器进游戏，搭建单机也是百分百没问题★★★★★站长唯一Q：3296917064</li> </ol> </div> <div style="margin: 20px 0;"> <table style="width: 100%; border-collapse: collapse; text-align: center;"> <tbody> <tr style="background: #f0f0f0;"> <td style="border: 1px solid #ddd; padding: 8px; width: 50%;">搭建环境</td> <td style="border: 1px solid #ddd; padding: 8px; width: 50%;">windows2012R2中文版系统</td> </tr> <tr> <td style="border: 1px solid #ddd; padding: 8px;">推荐最低服务器</td> <td style="border: 1px solid #ddd; padding: 8px;">2核2G内存</td> </tr> <tr style="background: #f0f0f0;"> <td style="border: 1px solid #ddd; padding: 8px;">安卓端</td> <td style="border: 1px solid #ddd; padding: 8px;">已测试</td> </tr> <tr> <td style="border: 1px solid #ddd; padding: 8px;">GM后台</td> <td style="border: 1px solid #ddd; padding: 8px;">无</td> </tr> <tr style="background: #f0f0f0;"> <td style="border: 1px solid #ddd; padding: 8px;">视频搭建教程</td> <td style="border: 1px solid #ddd; padding: 8px;">有视频参考搭建教程</td> </tr> </tbody> </table> </div> <p></p> <h3 style="font-size: 17px; color: #1e40af; margin: 20px 0 12px 0; font-weight: 600;">• 游戏详情</h3> <p><img alt="图片[1]-【合成与战斗】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程-399游戏源码屋" fetchpriority="high" decoding="async" class="alignleft size-full wp-image-1639" src="https://www.399dj.com/wp-content/uploads/2026/04/2026042319045339.jpg" width="1669" height="987" /></p> <p><img alt="图片[2]-【合成与战斗】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程-399游戏源码屋" decoding="async" class="alignleft size-full wp-image-1641" src="https://www.399dj.com/wp-content/uploads/2026/04/2026042319045440.jpg" width="1662" height="991" /></p> <p><img alt="图片[3]-【合成与战斗】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程-399游戏源码屋" decoding="async" class="alignleft wp-image-1640" src="https://www.399dj.com/wp-content/uploads/2026/04/2026042319045450.jpg" width="1663" height="992" /></p> </div> <div class="em09 muted-3-color"><div><span>©</span> 版权声明</div><div class="posts-copyright">文章版权归作者所有，未经允许请勿转载。</div></div><div class="text-center theme-box muted-3-color box-body separator em09">THE END</div><div class="theme-box article-tags"><a class="but ml6 radius c-blue" title="查看更多分类文章" href="https://www.399dj.com/category/h5%e6%b8%b8%e6%88%8f%e6%ba%90%e7%a0%81"><i class="fa fa-folder-open-o" aria-hidden="true"></i>H5游戏源码</a><a class="but ml6 radius c-yellow" title="查看更多分类文章" href="https://www.399dj.com/category/%e5%85%8d%e8%b4%b9%e6%b8%b8%e6%88%8f%e6%ba%90%e7%a0%81"><i class="fa fa-folder-open-o" aria-hidden="true"></i>免费游戏源码</a><a class="but ml6 radius c-green" title="查看更多分类文章" href="https://www.399dj.com/category/%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%b8%b8%e6%88%8f"><i class="fa fa-folder-open-o" aria-hidden="true"></i>小程序游戏</a><a class="but ml6 radius c-purple" title="查看更多分类文章" href="https://www.399dj.com/category/%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%b8%b8%e6%88%8f%e6%ba%90%e7%a0%81"><i class="fa fa-folder-open-o" aria-hidden="true"></i>小程序游戏源码</a><a class="but ml6 radius c-red" title="查看更多分类文章" href="https://www.399dj.com/category/%e6%b8%b8%e6%88%8f%e8%b5%84%e6%ba%90"><i class="fa fa-folder-open-o" aria-hidden="true"></i>游戏资源</a><br></div> </div> <div class="text-center muted-3-color box-body em09">喜欢就支持一下吧</div><div class="text-center post-actions"><a href="javascript:;" data-action="like" class="action action-like" data-pid="1638"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg><text>点赞</text><count>742</count></a><span class="hover-show dropup action action-share"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-share"></use></svg><text>分享</text><div class="zib-widget hover-show-con share-button dropdown-menu"><div><a rel="nofollow" class="share-btn qzone" target="_blank" title="QQ空间" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https%3A%2F%2Fwww.399dj.com%2F1638.html&title=%E3%80%90%E5%90%88%E6%88%90%E4%B8%8E%E6%88%98%E6%96%97%E3%80%91%5B%E6%8A%96%E9%9F%B3%E5%BE%AE%E4%BF%A1H5%E5%B0%8F%E6%B8%B8%E6%88%8F%5D%E5%85%A8%E8%87%AA%E5%8A%A8%E6%90%AD%E5%BB%BA%2B%E6%BA%90%E7%A0%81%2B%E5%BE%AE%E7%AB%AF%E5%AE%89%E5%8D%93%2B%E8%A7%86%E9%A2%91%E5%8F%82%E8%80%83%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B-399%E6%B8%B8%E6%88%8F%E6%BA%90%E7%A0%81%E5%B1%8B&pics=http%3A%2F%2Fwww.399dj.com%2Fwp-content%2Fuploads%2F2026%2F04%2F2026042319045339.jpg&summary=%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%2028.8%20C%E5%B8%81%20%F0%9F%8F%86%20%E9%99%90%E6%97%B6%E4%BC%9A%E5%91%98%E5%85%8D%E8%B4%B9%20%E8%A7%86%E9%A2%91%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B%EF%BC%9A%20%2Fiframe%3E%20%E4%BB%98%E8%B4%B9%E8%B5%84%E6%BA%90%20%E3%80%90%E5%90%88%E6%88%90%E4%B8%8E%E6%88%98%E6%96%97%E3%80%91%5B%E6%8A%96%E9%9F%B3%E5%BE%AE%E4%BF%A1H5%E5%B0%8F%E6%B8%B8%E6%88%8F%5D%E5%85%A8%E8%87%AA%E5%8A%A8%E6%90%AD%E5%BB%BA%2B%E6%BA%90%E7%A0%81%2B%E5%BE%AE%E7%AB%AF%E5%AE%89%E5%8D%93%2B%E8%A7%86%E9%A2%91%E5%8F%82%E8%80%83%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B%20%E4%B8%8B%E8%BD%BD%E9%BB%98%E8%AE%A4%E5%90%8C%E6%84%8F%E6%AD%A4%E8%AF%B4%E6%98%8E%20%F0%9F%92%A1%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B%E5%8F%AA%E6%98%AF%E5%90%8C%E6%AC%BE%E6%95%99%E5%AD%A6%E5%8F%82%E8%80%83%EF%BC%8C%E8%AF%B7%E4%B8%8D%E8%A6%81%E5%AF%B9%E6%A0%87%E8%A7%86%E9%A2%91%E9%87%8C%E9%9D%A2%E7%9A%84%E5%86%85%E5%AE%B9%EF%BC%8C%E4%BB%A5%E6%96%87%E5%AD%97%E4%B8%BA%E5%87%86%EF%BC%81%09%E4%B8%8B%E8%BD%BD%E9%A1%BB%E7%9F%A5%EF%BC%9A%E8%AF%B7%E4%BD%BF%E7%94%A8%E3%80%902345%E5%A5%BD%E5%8E%8B%E3%80%91%E8%A7%A3%E5%8E%8B%E8%B5%84%E6%BA%90%E5%90%A6%E5%88%99%E5%8F%AF%E8%83%BD%E6%8A%A5%E9%94%99%EF%BC%81%E9%BB%98%E8%AE%A4%E8%A7%A3%E5%8E%8B%E5%AF%86%E7%A0%81%EF%BC%9Awww.399dj.com%E3%80%90%E6%9C%AC%E7%AB%99%E6%B2%A1%E6%9C%89%E7%94%A8%E6%88%B7%E6%8A%80..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qzone-color"></use></svg></icon><text>QQ空间<text></a><a rel="nofollow" class="share-btn weibo" target="_blank" title="微博" href="https://service.weibo.com/share/share.php?url=https%3A%2F%2Fwww.399dj.com%2F1638.html&title=%E3%80%90%E5%90%88%E6%88%90%E4%B8%8E%E6%88%98%E6%96%97%E3%80%91%5B%E6%8A%96%E9%9F%B3%E5%BE%AE%E4%BF%A1H5%E5%B0%8F%E6%B8%B8%E6%88%8F%5D%E5%85%A8%E8%87%AA%E5%8A%A8%E6%90%AD%E5%BB%BA%2B%E6%BA%90%E7%A0%81%2B%E5%BE%AE%E7%AB%AF%E5%AE%89%E5%8D%93%2B%E8%A7%86%E9%A2%91%E5%8F%82%E8%80%83%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B-399%E6%B8%B8%E6%88%8F%E6%BA%90%E7%A0%81%E5%B1%8B&pic=http%3A%2F%2Fwww.399dj.com%2Fwp-content%2Fuploads%2F2026%2F04%2F2026042319045339.jpg&searchPic=false"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibo-color"></use></svg></icon><text>微博<text></a><a rel="nofollow" class="share-btn qq" target="_blank" title="QQ好友" href="https://connect.qq.com/widget/shareqq/index.html?url=https%3A%2F%2Fwww.399dj.com%2F1638.html&title=%E3%80%90%E5%90%88%E6%88%90%E4%B8%8E%E6%88%98%E6%96%97%E3%80%91%5B%E6%8A%96%E9%9F%B3%E5%BE%AE%E4%BF%A1H5%E5%B0%8F%E6%B8%B8%E6%88%8F%5D%E5%85%A8%E8%87%AA%E5%8A%A8%E6%90%AD%E5%BB%BA%2B%E6%BA%90%E7%A0%81%2B%E5%BE%AE%E7%AB%AF%E5%AE%89%E5%8D%93%2B%E8%A7%86%E9%A2%91%E5%8F%82%E8%80%83%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B-399%E6%B8%B8%E6%88%8F%E6%BA%90%E7%A0%81%E5%B1%8B&pics=http%3A%2F%2Fwww.399dj.com%2Fwp-content%2Fuploads%2F2026%2F04%2F2026042319045339.jpg&desc=%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%2028.8%20C%E5%B8%81%20%F0%9F%8F%86%20%E9%99%90%E6%97%B6%E4%BC%9A%E5%91%98%E5%85%8D%E8%B4%B9%20%E8%A7%86%E9%A2%91%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B%EF%BC%9A%20%2Fiframe%3E%20%E4%BB%98%E8%B4%B9%E8%B5%84%E6%BA%90%20%E3%80%90%E5%90%88%E6%88%90%E4%B8%8E%E6%88%98%E6%96%97%E3%80%91%5B%E6%8A%96%E9%9F%B3%E5%BE%AE%E4%BF%A1H5%E5%B0%8F%E6%B8%B8%E6%88%8F%5D%E5%85%A8%E8%87%AA%E5%8A%A8%E6%90%AD%E5%BB%BA%2B%E6%BA%90%E7%A0%81%2B%E5%BE%AE%E7%AB%AF%E5%AE%89%E5%8D%93%2B%E8%A7%86%E9%A2%91%E5%8F%82%E8%80%83%E6%90%AD%E5%BB%BA%E6%95%99%E7%A8%8B%20%E4%B8%8B%E8%BD%BD%E9%BB%98%E8%AE%A4%E5%90%8C%E6%84%8F%E6%AD%A4%E8%AF%B4%E6%98%8E%20%F0%9F%92%A1%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B%E5%8F%AA%E6%98%AF%E5%90%8C%E6%AC%BE%E6%95%99%E5%AD%A6%E5%8F%82%E8%80%83%EF%BC%8C%E8%AF%B7%E4%B8%8D%E8%A6%81%E5%AF%B9%E6%A0%87%E8%A7%86%E9%A2%91%E9%87%8C%E9%9D%A2%E7%9A%84%E5%86%85%E5%AE%B9%EF%BC%8C%E4%BB%A5%E6%96%87%E5%AD%97%E4%B8%BA%E5%87%86%EF%BC%81%09%E4%B8%8B%E8%BD%BD%E9%A1%BB%E7%9F%A5%EF%BC%9A%E8%AF%B7%E4%BD%BF%E7%94%A8%E3%80%902345%E5%A5%BD%E5%8E%8B%E3%80%91%E8%A7%A3%E5%8E%8B%E8%B5%84%E6%BA%90%E5%90%A6%E5%88%99%E5%8F%AF%E8%83%BD%E6%8A%A5%E9%94%99%EF%BC%81%E9%BB%98%E8%AE%A4%E8%A7%A3%E5%8E%8B%E5%AF%86%E7%A0%81%EF%BC%9Awww.399dj.com%E3%80%90%E6%9C%AC%E7%AB%99%E6%B2%A1%E6%9C%89%E7%94%A8%E6%88%B7%E6%8A%80..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qq-color"></use></svg></icon><text>QQ好友<text></a><a rel="nofollow" class="share-btn poster" poster-share="1638" title="海报分享" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-poster-color"></use></svg></icon><text>海报分享<text></a><a rel="nofollow" class="share-btn copy" data-clipboard-text="https://www.399dj.com/1638.html" data-clipboard-tag="链接" title="复制链接" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-copy-color"></use></svg></icon><text>复制链接<text></a></div></div></span><a href="javascript:;" class="action action-favorite signin-loader" data-pid="1638"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-favorite"></use></svg><text>收藏</text><count></count></a></div></article><div class="user-card zib-widget author"> <div class="card-content mt10 relative"> <div class="user-content"> <div class="user-avatar"><a href="https://www.399dj.com/author/2"><span class="avatar-img avatar-lg"><img alt="站长的头像-399游戏源码屋" src="http://www.399dj.com/wp-content/uploads/2026/07/用户头像.jpg" data-src="//www.399dj.com/wp-content/uploads/2026/07/站长头像.gif" class="lazyload avatar avatar-id-2"><img class="lazyload avatar-badge" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="http://www.399dj.com/wp-content/uploads/2026/07/会员.webp" data-toggle="tooltip" title="红钻会员" alt="红钻会员"></span></a></div> <div class="user-info mt20 mb10"> <div class="user-name flex jc"><name class="flex1 flex ac"><a class="display-name text-ellipsis " href="https://www.399dj.com/author/2">站长</a><a href="javascript:;" class="focus-color ml10 follow flex0 signin-loader" data-pid="2"><count><i class="fa fa-heart-o mr3" aria-hidden="true"></i>关注</count></a></name></div> <div class="author-tag mt10 mini-scrollbar"><a class="but c-blue tag-posts" data-toggle="tooltip" title="共532篇文章" href="https://www.399dj.com/author/2"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-post"></use></svg>532</a><a class="but c-green tag-comment" data-toggle="tooltip" title="共0条评论" href="https://www.399dj.com/author/2?tab=comment"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a><a class="but c-yellow tag-follow" data-toggle="tooltip" title="共1个粉丝" href="https://www.399dj.com/author/2?tab=follow"><i class="fa fa-heart em09"></i>1</a><span class="badg c-red tag-view" data-toggle="tooltip" title="人气值 30.3W+"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-hot"></use></svg>30.3W+</span></div> <div class="user-desc mt10 muted-2-color em09">这家伙很懒，什么都没有写...</div> </div> </div> <div class="swiper-container more-posts swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://www.399dj.com/939.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042115003548.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1157</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/5304.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/2026051818322958.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+安卓+运营后台+GM授权后台+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+安卓+运营后台+GM授权后台+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+...</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1090</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/2478.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042623402114.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端+搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端+搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端...</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1058</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/932.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042114565734.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1048</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/3729.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/20260503234010100.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+...</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1043</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/5576.html"><div class="graphic hover-zoom-img em09 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/2026052413531290.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教...</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1031</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div> </div> </div> <div class="theme-box" style="height:99px"> <nav class="article-nav"> <div class="main-bg box-body radius8 main-shadow"> <a href="https://www.399dj.com/1634.html"> <p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>上一篇</p> <div class="text-ellipsis-2"> 【背包英雄】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程 </div> </a> </div> <div class="main-bg box-body radius8 main-shadow"> <a href="https://www.399dj.com/1643.html"> <p class="muted-2-color">下一篇<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p> <div class="text-ellipsis-2"> 【幻想英雄梦】[抖音微信H5小游戏]全自动搭建+源码+微端安卓+视频参考搭建教程 </div> </a> </div> </nav> </div> <div class="theme-box relates relates-thumb"> <div class="box-body notop"> <div class="title-theme">相关推荐</div> </div><div class="zib-widget"><div class="swiper-container swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://www.399dj.com/939.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042115003548.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【无限噩梦】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1157</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/5304.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/2026051818322958.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+安卓+运营后台+GM授权后台+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+安卓+运营后台+GM授权后台+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">3D横版卡牌手游【霸王三国一騎當千·姬門代金券内购版】Linux服务端+安卓+运营后台+GM授权后台+...</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1090</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/2478.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042623402114.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端+搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端+搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">翎风引擎传奇端游【山河啸三职业复古BUFF版本】Win服务器端+PC客户端+搭建教程</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1058</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/932.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026042114565734.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【对战不能停】[抖音微信H5小游戏]全自动搭建+视频参考搭建教程</div><div class="px12 opacity8 mt6"><item>5个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1048</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/3729.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/20260503234010100.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">国风修仙H5游戏【仙逆H5多区跨服版】Win服务端+简易APP+CDK授权后台+详细搭建教程</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1043</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.399dj.com/5576.html"><div class="graphic hover-zoom-img mb10 style-3" style="--cover-height-scale: 70%;"><img class="fit-cover lazyload" data-src="https://www.399dj.com/wp-content/uploads/2026/05/2026052413531290.jpg" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" alt="3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教程-399游戏源码屋"><div class="abs-center left-bottom graphic-text text-ellipsis">3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教程</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">3D传奇手游【变态传奇修复版】WIN服务器外网端+安卓内购+详细搭建教程</div><div class="px12 opacity8 mt6"><item>4个月前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 1031</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div><div class="theme-box" id="comments"> <div class="box-body notop"> <div class="title-theme">评论 <small>抢沙发</small></div> </div> <div class="no_webshot main-bg theme-box box-body radius8 main-shadow"> <div class="comment-signarea text-center box-body radius8"> <h3 class="text-muted em12 theme-box muted-3-color">请登录后发表评论</h3> <p> <a href="javascript:;" class="signin-loader but c-blue padding-lg"><i class="fa fa-fw fa-sign-in mr10" aria-hidden="true"></i>登录</a> <a href="javascript:;" class="signup-loader ml10 but c-yellow padding-lg"><svg class="icon mr10" aria-hidden="true"><use xlink:href="#icon-signup"></use></svg>注册</a> </p> </div> <div id="postcomments"> <ol class="commentlist list-unstyled"> <div class="text-center comment-null" style="padding:30px 0;"><img style="width:280px;opacity: .7;" src="https://www.399dj.com/wp-content/themes/zibll/img/null-user.svg"><p style="margin-top:30px;" class="em09 muted-3-color separator">请登录后查看评论内容</p></div> </ol> </div> </div> </div> </div> </div> </main> <div class="fluid-widget-wrap"><div class="widget_text widget-container"><div class="widget_text zib-widget widget_custom_html"><div class="textwidget custom-html-widget"><style> /* 全局文字动画定义 */ /* 主标题红流光扫光放慢速度 */ @keyframes titleShine { 0% { background-position: 200% center; } 100% { background-position: -200% center; } } /* 标题呼吸缩放+红色外发光放慢周期，柔和不刺眼 */ @keyframes titleBreathe { 0%,100% { transform: scale(1); filter: brightness(0.9) drop-shadow(0 0 6px rgba(255,26,26,0.35)); } 50% { transform: scale(1.03); filter: brightness(1.15) drop-shadow(0 0 12px rgba(255,26,26,0.6)); } } /* 滚动文字循环 */ @keyframes scrollRoundText { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* 红紫流光渐变 */ @keyframes redShine { 0% { background-position: 0% 0; } 100% { background-position: 400% 0; } } /* ①外层大框：粉紫渐变网点背景，顶部padding清零 */ .game-service-box { width: 100%; background: linear-gradient(90deg, #ffb8d8, #a866f0); border-radius: 0px; padding: 0 0 12px 0; box-sizing: border-box; overflow: hidden; background-image: linear-gradient(90deg, #ffb8d8, #a866f0), radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 100% 100%, 12px 12px; } /* 标题区域：顶部紧贴无留白 */ .game-service-title { text-align: center; margin: 0; padding: 12px 20px 14px; } /* 主标题：黑色底色+大红色流光渐变，动画拉长变慢 */ .game-service-title h2 { font-size: clamp(18px, 6vw, 50px); font-weight: 900; margin: 0 0 10px; line-height: 1.2; /* 黑底+大红流光渐变 */ background: linear-gradient(90deg, #000000, #ff1a1a 50%, #000000); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; /* 拉长动画时长，速度更慢更柔和 */ animation: titleShine 7.5s linear infinite, titleBreathe 7.7s ease-in-out infinite; } /* 一级副标题：纯色纯白，删除扫光、删除呼吸动画，静态纯白发光 */ .game-service-title p:first-of-type { font-size: clamp(14px, 3.6vw, 45px); margin: 0; line-height: 1.4; font-weight: bold; color: #ffffff; /* 静态白色发光，无任何动态动画 */ filter: drop-shadow(0 0 8px rgba(255,255,255,0.5)); /* 无动画 */ animation: none; } /* 外层两大卡片容器 PC/手机双列并排 */ .kefu-wrap-pc { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0 12px; margin: 0; } /* 单个白色卡片 */ .kefu-big-card { background: #ffffff; border-radius: 24px; padding: 16px 14px 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: stretch; box-shadow: 0 4px 20px rgba(168, 102, 240, 0.18); } /* 顶部滚动胶囊容器 */ .card-scroll-wrap { grid-column: 1 / -1; width: 100%; margin-bottom: 16px; box-sizing: border-box; } /* 滚动胶囊：粉紫渐变半透磨砂 */ .scroll-round-wrap { display: block; width: 100%; height: clamp(42px, 6vw, 56px); line-height: clamp(42px, 6vw, 56px); border-radius: 9999px; background: linear-gradient(90deg, rgba(255,184,216,0.35), rgba(168,102,240,0.35)); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, 0.6); } /* 滚动文字：深红紫渐变 */ .scroll-text-inner { display: inline-block; white-space: nowrap; animation: scrollRoundText 30s linear infinite; } .red-gradient-text { font-size: clamp(14px, 2.7vw, 20px); font-weight: 800; letter-spacing: 1px; background: linear-gradient(90deg, #b80040, #9922dd, #b80040); background-size: 400% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: redShine 4s linear infinite; } /* 客服单元：紧凑无留白、垂直水平居中 */ .kefu-item { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 0; } /* 二维码图片自适应 */ .kefu-item img { width: clamp(40px, 6vw, 80px); height: auto; object-fit: contain; margin: 0; } /* 客服名称（微信-飞飞）：玫红色加粗 */ .kefu-title-text { font-weight: bold; font-size: clamp(16px, 2.2vw, 24px); color: #cc1155; margin: 0; line-height: 1.1; } /* 服务小字【游戏搭建服务】：深蓝紫 */ .kefu-desc-text { font-weight: bold; font-size: clamp(9px, 1.2vw, 16px); color: #2233aa; margin: 0; line-height: 1.1; } /* 复制按钮：粉紫左右渐变立体悬浮 */ .copy-btn { border: none; width: 50%; padding: 14px 0; border-radius: 9999px; font-size: clamp(16px, 2.4vw, 22px); font-weight: 600; color: #ffffff; background: linear-gradient(90deg, #ff55aa, #9933ee); cursor: pointer; transition: all 0.22s ease; box-shadow: 0 3px 12px rgba(168, 102, 240, 0.25); margin-top: 6px; } .copy-btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 7px 22px rgba(168, 102, 240, 0.4); } .copy-btn:active { transform: scale(0.95); box-shadow: 0 1px 6px rgba(168, 102, 240, 0.18); } /* 复制成功浮窗 */ .copy-tips { position: fixed; left: 50%; top: 42%; transform: translate(-50%,-50%); background: rgba(10,10,14,0.9); color: #ffd0ee; padding: 14px 34px; border-radius: 10px; font-size: 20px; z-index: 99999; display: none; border:1px solid rgba(255,136,200,0.4); /* 新增换行配置 */ max-width: 90%; /* 最大宽度，手机自适应 */ white-space: pre-wrap; word-wrap: break-word; } .copy-tips.show { display: block; } /* ========== 平板适配（1024以下） ========== */ @media screen and (max-width: 1024px) { .game-service-title { padding: 10px 16px 10px; } .game-service-title h2 { font-size: clamp(24px, 5vw, 44px); } .game-service-title p:first-of-type { font-size: clamp(16px, 3.2vw, 26px); } .kefu-wrap-pc { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 0 10px; } .kefu-big-card { padding: 14px 12px 18px; gap: 14px; grid-template-columns: repeat(2, 1fr); } .scroll-round-wrap { height: clamp(40px, 5.5vw, 52px); line-height: clamp(40px, 5.5vw, 52px); } .red-gradient-text { font-size: clamp(13px, 2.5vw, 18px); } .copy-btn { font-size: clamp(15px, 2.2vw, 19px); padding: 12px 0; } } /* ========== 手机小屏适配（640以下）文字绝不溢出屏幕 ========== */ @media screen and (max-width: 640px) { .game-service-title { padding: 8px 12px 8px; } .game-service-title h2 { font-size: clamp(13px, 6vw, 15px); margin-bottom: 6px; } .game-service-title p:first-of-type { font-size: clamp(12px, 4vw, 13px); } .kefu-wrap-pc { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 0 6px; } .kefu-big-card { padding: 10px 8px 14px; gap: 8px; border-radius: 18px; grid-template-columns: repeat(2, 1fr); } .scroll-round-wrap { height: clamp(38px, 5.8vw, 48px); line-height: clamp(38px, 5.8vw, 48px); } .red-gradient-text { font-size: clamp(13px, 2.4vw, 16px); } .kefu-item img { width: clamp(32px, 12vw, 60px); } .copy-btn { width: 92%; font-size: clamp(14px, 2.2vw, 17px); padding: 10px 0; } } </style> <div class="copy-tips" id="copyTips"> 复制成功，粘贴到V/Q添加 <br>申请备注：399dj<br> 若申请没通过，复制其他客服QQ/微信添加 </div> <script> jQuery(function($){ const $copyTip = $('#copyTips'); const tabPaneId = 'zib_widget_ui_tab_post-7-2'; let tabOriginHtml = ''; const scrollNoticeTextLeft = '折扣充值 | 游戏搭建 | 邀请好友 | 脚本辅助 | CDK礼包 | 买号卖号 | '; const scrollNoticeTextRight = '脚本辅助 | CDK礼包 | 买号卖号 | 折扣充值 | 游戏搭建 | 邀请好友 | '; const serviceTpl = ` <div class="game-service-box"> <div class="game-service-title"> <h2>加下方任意客服的微信或QQ | 免费领游戏搭建次数+指导</h2> <p>客服业务：邀请好友/脚本辅助/CDK礼包/买号卖号/折扣充值</p> </div> <div class="kefu-wrap-pc"> <div class="kefu-big-card"> <div class="card-scroll-wrap"> <div class="scroll-round-wrap"> <div class="scroll-text-inner"> <span class="red-gradient-text">${scrollNoticeTextLeft}</span> <span class="red-gradient-text">${scrollNoticeTextLeft}</span> </div> </div> </div> <div class="kefu-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/飞飞.jpg" alt="微信客服"> <p class="kefu-title-text">微信-飞飞</p> <p class="kefu-desc-text">【游戏搭建服务】</p> <p class="kefu-desc-text">【邀请好友助力】</p> <p class="kefu-desc-text">【脚本辅助购买】</p> <button class="copy-btn" data-copy-val="Rasjue88">复制微信</button> </div> <div class="kefu-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/飞飞2.jpg" alt="QQ客服"> <p class="kefu-title-text">QQ-飞飞</p> <p class="kefu-desc-text">【购买CDK礼包】</p> <p class="kefu-desc-text">【买号卖号服务】</p> <p class="kefu-desc-text">【游戏折扣充值】</p> <button class="copy-btn" data-copy-val="3983277640">复制QQ</button> </div> </div> <div class="kefu-big-card"> <div class="card-scroll-wrap"> <div class="scroll-round-wrap"> <div class="scroll-text-inner"> <span class="red-gradient-text">${scrollNoticeTextRight}</span> <span class="red-gradient-text">${scrollNoticeTextRight}</span> </div> </div> </div> <div class="kefu-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/甜心1.jpg" alt="售后客服"> <p class="kefu-title-text">微信-甜心</p> <p class="kefu-desc-text">【游戏搭建服务】</p> <p class="kefu-desc-text">【邀请好友助力】</p> <p class="kefu-desc-text">【脚本辅助购买】</p> <button class="copy-btn" data-copy-val="wwgame66">复制微信</button> </div> <div class="kefu-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/甜心.jpg" alt="技术支持"> <p class="kefu-title-text">QQ-甜心</p> <p class="kefu-desc-text">【购买CDK礼包】</p> <p class="kefu-desc-text">【买号卖号服务】</p> <p class="kefu-desc-text">【游戏折扣充值】</p> <button class="copy-btn" data-copy-val="2368058856">复制QQ</button> </div> </div> </div> </div> `; function bindCopy(){ $('.copy-btn').off('click').on('click', function(){ const val = $(this).data('copy-val'); const input = $('<input>').val(val); $('body').append(input); input.select(); document.execCommand('copy'); input.remove(); $copyTip.addClass('show'); setTimeout(()=>$copyTip.removeClass('show'),1200); }) } function loadTabBox(){ const $targetTab = $(`#${tabPaneId}`); if(!$targetTab.length) return; if(tabOriginHtml === '') tabOriginHtml = $targetTab.html(); $targetTab.html(serviceTpl); bindCopy(); // 自动切换到当前tab面板 $(`a[href="#${tabPaneId}"]`).tab('show'); } function restoreTabBox(){ const $targetTab = $(`#${tabPaneId}`); if(tabOriginHtml && $targetTab.length){ $targetTab.html(tabOriginHtml); } } // 延迟检测URL哈希，等待页面DOM、tab组件渲染完成 function checkHashOpenTab(){ setTimeout(()=>{ const hash = window.location.hash.replace('#',''); if(hash === tabPaneId){ loadTabBox(); }else{ restoreTabBox(); } },200); } // 页面加载、浏览器前进后退、哈希变化全部监听 $(document).ready(checkHashOpenTab); $(window).on('load hashchange popstate', checkHashOpenTab); // 全局委托监听所有带锚点的a链接，包含顶部导航按钮 $(document).on('click','a[href*="#"]',function(e){ const href = $(this).attr('href'); // 判断是否是跳转客服tab if(href.indexOf(`#${tabPaneId}`) > -1){ // 判断是否是跨页面链接（包含完整域名） if(href.startsWith('http')){ return true; // 允许正常跳转页面，交给url哈希自动处理 }else{ // 同页面内锚点，阻止默认并手动加载面板 e.preventDefault(); window.location.hash = tabPaneId; } } }) }) </script></div></div></div></div> <div id="mizhi_ui_stat" class='visible-lg-block visible-md-block'>   <div class="mizhi_ui_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="50" y="0" fill="#a049e9"/> <use xlink:href="#gentle-wave" x="50" y="3" fill="#8a38d9"/> <use xlink:href="#gentle-wave" x="50" y="6" fill="#6e25bd"/> </g> </svg> </div> </br>  <div id="Onecad_footer_ys2" class="footer-navi"> <div id="mizhi_ui_title" class="wrapper"> <div class="about widget Onecad_fl"> <div class="title"> <div class="mizhi_love_beat_heart"> <div class="mizhi_love_beat_left"></div> <div class="mizhi_love_beat_right"></div></div> <h3>399源码屋 · 399DJ.COM</h3></div> <p>399源码屋致力于分享优质实用的互联网资源，内容包括有游戏源码、网站源码、小程序源码、单机游戏、实用工具、素材资源、搭建教学!绝对实力永久稳定，绝不脱更跑路！资源仅供学习娱乐，开服或商业请珍重，若查处本站将提交并协助相关部门</p> </div> <div class="navis Onecad_fl hide_sm"> <div class="navi"><h2 class="title">关于我们</h2><ul> <li><a target="_blank" href="/protocol">用户协议</a></li> <li><a target="_blank" href="/statement">免责声明</a></li> <li><a target="_blank" href="/">关于我们</a></li> </ul></div> <div class="navi"><h2 class="title">视频教学地址</h2><ul> <li><a target="_blank" href="/">哔哩视频主页</a></li> <li><a target="_blank" href="/">快手视频主页</a></li> <li><a target="_blank" href="/">抖音视频主页</a></li> <li><a target="_blank" href="/">小红书主页</a></li> </ul></div> <div class="navi"><h2 class="title">用户服务</h2><ul> <li><a target="_blank" href="/">获取本站同款主题</a></li> <li><a target="_blank" href="/">↓点击下方加入↓</a></li> <li><a target="_blank" href="/">【永久会员Q群】</a></li> </ul></div> </div> <div class="ewms widget fr hide_sm"> <ul class="clearfix"> <li> <div> <div class="Onecad_footer_ico"><i class="thumb " style="background-image:url(/wp-content/themes/zibll/images/永恒会员.gif)"></i></div> <h4>粉钻会员</h4> </div> <div class="ewm-content Onecad_hide ewm-weibo b2-radius"> <div class="ewm-main clearfix"> <div class="thumb-div Onecad_fl"> <i class="thumb" style="background-image:url(/wp-content/themes/zibll/images/永恒会员.gif);"></i> </div> <h4>本站上方【游戏业务】</h4> <h4>添加其中专属客服</h4> <h4><a href="/news">免费领取会员</a></h4> <h4><a href="/news">领免费资源搭建</a></h4> </div> </div> </li> <li> <div> <div class="Onecad_footer_ico"><i class="thumb " style="background-image:url(/wp-content/themes/zibll/images/会员1.webp)"></i></div> <h4>蓝钻会员</h4> </div> <div class="ewm-content Onecad_hide ewm-weibo b2-radius"> <div class="ewm-main clearfix"> <div class="thumb-div Onecad_fl"> <i class="thumb" style="background-image:url(/wp-content/themes/zibll/images/会员1.webp);"></i> </div> <h4>仅199元·一年任爽！</h4> <h4>本站·99%资源可搭建</h4> <h4><a href="/note" target="_blank">每日尊享下载5次</a></h4> <h4><a href="/note" target="_blank">真正不花米玩游戏</a></h4> </div> </div> </li> <li> <div> <div class="Onecad_footer_ico"><i class="thumb " style="background-image:url(/wp-content/themes/zibll/images/会员.webp)"></i></div> <h4>红钻会员</h4> </div> <div class="ewm-content Onecad_hide ewm-weibo b2-radius"> <div class="ewm-main clearfix"> <div class="thumb-div Onecad_fl"> <i class="thumb" style="background-image:url(/wp-content/themes/zibll/images/会员.webp);"></i> </div> <h4>仅399元·永久任搭！</h4> <h4>本站99.9%资源可搭建</h4> <h4><a href="/note" target="_blank">每日尊享下载9次</a></h4> <h4><a href="/note" target="_blank">专属客服+终身服务</a></h4> </div> </div> </li> </ul> <div class="like">  <img src="/wp-content/themes/zibll/images/LOGO.png" alt="站点LOGO" style="max-width:180px;display:block;margin:0 auto;"> <h3>学游戏搭建！玩游戏，再也不花一分钱</h3> </div> </div> </div> <div class="footer-colors"></div> <div class="footer-colors colors-shadow"></div> <div id="mizhi_ui_bg_box"> <div id="mizhi_ui_links"> <center><div class="foot-copyright"> <div class="wrapper"> <p class="foot-copyright-fl fla"> <script type="text/javascript"> document.write("Copyright © 2021-" + new Date().getFullYear() + "."); </script></a> <a href="/" style="font-size:13px;">【 399源码屋】・All Rights Reserved・<a rel="nofollow" target="_blank" href="http://www.beian.gov.cn/" style="font-size:13px;">粤ICP备2026031339号</a> </p></center> </div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/mizhi_ui_footer.css" type="text/css">  <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/zibll/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript"> window._win = { views: '1638', www: 'https://www.399dj.com', uri: 'https://www.399dj.com/wp-content/themes/zibll', ver: '9.0', pay_mark: '￥', pay_currency_unit: '元', imgbox: '1', imgbox_type: 'group', imgbox_thumbs: '1', imgbox_zoom: '1', imgbox_full: '1', imgbox_play: '1', imgbox_down: '1', sign_type: 'modal', signin_url: 'https://www.399dj.com/user-sign?tab=signin&redirect_to=https%3A%2F%2Fwww.399dj.com%2F1638.html', signup_url: 'https://www.399dj.com/user-sign?tab=signup&redirect_to=https%3A%2F%2Fwww.399dj.com%2F1638.html', ajax_url: 'https://www.399dj.com/wp-admin/admin-ajax.php', ajaxpager: '', ajax_trigger: '<i class="fa fa-angle-right"></i>加载更多', ajax_nomore: '没有更多内容了', qj_loading: '', highlight_kg: '1', highlight_hh: '', highlight_btn: '1', highlight_zt: 'enlighter', highlight_white_zt: 'enlighter', highlight_dark_zt: 'dracula', upload_img_size: '30', img_upload_multiple: '6', upload_video_size: '30', upload_file_size: '30', upload_ext: 'jpg|jpeg|jpe|gif|png|bmp|tiff|tif|webp|avif|ico|heic|heif|heics|heifs|asf|asx|wmv|wmx|wm|avi|divx|flv|mov|qt|mpeg|mpg|mpe|mp4|m4v|ogv|webm|mkv|3gp|3gpp|3g2|3gp2|txt|asc|c|cc|h|srt|csv|tsv|ics|rtx|css|vtt|dfxp|mp3|m4a|m4b|aac|ra|ram|wav|x-wav|ogg|oga|flac|mid|midi|wma|wax|mka|rtf|pdf|class|tar|zip|gz|gzip|rar|7z|psd|xcf|doc|pot|pps|ppt|wri|xla|xls|xlt|xlw|mdb|mpp|docx|docm|dotx|dotm|xlsx|xlsm|xlsb|xltx|xltm|xlam|pptx|pptm|ppsx|ppsm|potx|potm|ppam|sldx|sldm|onetoc|onetoc2|onetmp|onepkg|oxps|xps|odt|odp|ods|odg|odc|odb|odf|wp|wpd|key|numbers|pages', user_upload_nonce: '50513f92cf', post_action_nonce: 'c690002080', is_split_upload: '1', split_minimum_size: '20', comment_upload_img: '', translate_config: '', i18n: {"shop_rating_very_bad":"非常差","shop_rating_bad":"较差","shop_rating_normal":"一般","shop_rating_good":"较好","shop_rating_very_good":"非常好","shop_view_list":"列表","shop_view_image":"图片","shop_quantity":"数量","shop_out_of_stock":"缺货","shop_stock":"库存: %1$s","shop_confirm_order":"确认订单","shop_remark":"备注","shop_remark_placeholder":"请输入备注","shop_fill_required":"请填写必要信息","shop_confirm":"确认","shop_address_edit":"编辑收货地址","shop_address_add":"添加收货地址","shop_address_name_ph":"收货人姓名","shop_address_phone_ph":"手机号码","shop_address_province_ph":"请输入省份","shop_address_city_ph":"请输入城市","shop_address_county_ph":"请输入区县","shop_address_detail_ph":"详细地址，如街道、门牌号等","shop_address_tag_custom_ph":"自定义标签最多5个字","shop_custom":"自定义","shop_tag_home":"家","shop_tag_company":"公司","shop_tag_school":"学校","shop_enter_name":"请输入收货人姓名","shop_enter_phone":"请输入手机号码","shop_phone_invalid":"请输入正确的手机号码","shop_region_incomplete":"地区信息不完整","shop_enter_address":"请输入详细地址","shop_enter_email":"请输入邮箱","shop_select_address":"请选择收货地址","shop_delete_address":"确定要删除这个地址吗？","shop_delete_success":"删除成功","shop_delete_failed":"删除失败","shop_product_params":"商品参数","shop_product_service":"商品服务","shop_discount_detail":"优惠详情","shop_gift_detail":"赠品详情","shop_discount_info":"优惠信息","shop_select_option":"请选择商品选项","shop_remove_selected":"确定要移出选中商品吗？","shop_remove_item":"确定要移出该商品吗？","shop_stock_insufficient":"商品库存不足","shop_select_quantity":"请先选择购买数量","shop_mixed_pay_mode":"请勿同时选择积分和现金商品","shop_stock_low":"库存不足","shop_limit_buy":"当前商品限购%1$s件","shop_limit_cannot_buy":"当前商品限购，无法购买","shop_select_product_option":"请选择商品[%1$s]的商品选项","shop_product_stock_low":"商品[%1$s]库存不足，请调整选择","shop_product_limit_pieces":"商品[%1$s]限购%2$s件，请调整选择","shop_product_limit_none":"商品[%1$s]限购，无法购买，请调整选择","shop_update_cart_failed":"更新购物车数据失败","shop_select_field":"请选择%1$s","shop_enter_field":"请输入%1$s","shop_fill_fields":"请填写%1$s","shop_network_error":"网络错误，请稍后重试","shop_gift_auth":"认证资格","shop_gift_exp":"经验值","shop_gift_points":"积分","shop_gift_product":"商品","shop_permanent":"永久","shop_day_unit":"天","shop_discount_reduce":"立减","shop_discount_fold":"%1$s折","shop_discount_off":"%1$s折优惠","shop_limit_single":"单价","shop_limit_product":"商品","shop_limit_store":"店铺","shop_limit_cross":"跨店","shop_limit_full":"%1$s满%2$s可用","shop_vip_available":"VIP可用","shop_vip2_available":"VIP2可用","shop_auth_user_available":"认证用户可用","shop_activity_remaining":"活动仅剩","shop_countdown_ended":"已结束","shop_time_start":"开始","shop_time_end":"结束","shop_gift_section":"赠品","shop_limit_label":"限购：%1$s","shop_limit_purchased":"已限购","shop_limit_pieces":"限购%1$s件","shop_limit_no_limit":"不限购","shop_limit_unavailable":"无法购买","shop_limit_rules_title":"商品限购","shop_limit_rules_hint":"查看限购规则","shop_limit_bought":"此商品您已下单%1$s件，%2$s","shop_limit_can_buy_more":"还可购买%1$s件","shop_limit_cannot_buy_more":"已无法购买","shop_limit_can_buy":"此商品您可购买%1$s件","shop_input_quantity":"请输入数量","shop_qty_min_warning":"最少1$件","shop_qty_max_warning":"最多1$件","shop_max_purchase":"最多可购买%1$s件","shop_max_qty_exceed":"最大数量不能超过%1$s","shop_min_qty_below":"最小数量不能低于%1$s","shop_collapse_info":"收起更多信息","shop_expand_info":"展开全部信息","shop_address_title":"收货地址","shop_address_default":"默认","shop_address_set_default":"设为默认","shop_address_edit_btn":"编辑","shop_address_delete_btn":"删除","shop_address_empty":"您还没有添加收货地址","shop_address_add_now":"立即添加","shop_address_add_new":"添加新地址","shop_select_province":"选择省份","shop_select_city":"选择城市","shop_select_county":"选择区县","shop_address_tag_label":"地址标签：","shop_address_set_default_checkbox":"设为默认收货地址","shop_cancel":"取消","shop_save":"保存","shop_total_discount":"共计优惠","shop_discount_fold_unit":"折","shop_save_prefix":"省","countdown_end_time":"结束时间：","countdown_day":"天","countdown_hour":"小时","countdown_minute":"分","countdown_second":"秒","countdown_ended":"已结束","load_more":"加载更多","loading":"加载中...","confirm_unbind":"确认要解除账号绑定吗？","confirm_grant_badge":"确认要授予此徽章吗？","confirm_revoke_badge":"确认要收回此徽章吗？","confirm_clear_search":"确认要清空全部搜索记录？","like_already_post":"已赞过此文章了！","like_already_comment":"已赞过此评论了！","like_thanks":"已赞！感谢您的支持","done":"处理完成","ajax_error":"操作失败 %1$s %2$s，请刷新页面后重试","ajax_fatal_error":"网站遇到致命错误，请检查插件冲突或通过错误日志排除错误","qrcode_failed":"二维码获取失败，请稍后再试","select_max":"最多可选择%1$s个","input_max":"最大可输入1$","input_min":"最小可输入1$","search_min_chars":"请至少输入%1$s个字符","search_loading":"正在搜索，请稍候...","checkin_loading":"正在签到，请稍后...","please_wait":"请稍候","processing":"正在处理请稍后...","read_more":"展开阅读全文","confirm":"确认","confirm_action":"确认%1$s？","processing_wait":"正在处理请稍等...","operation_success":"操作成功","network_error_retry":"网络错误，请稍后重试","ajax_retry_failed":"操作失败，请刷新页面后重试","enter_field":"请输入%1$s","fill_field":"请填写%1$s","select_field":"请选择%1$s","close":"关闭","insert":"插入","send":"发送","uploading":"上传中","upload_processing":"处理中","upload_preparing":"准备中","upload_preparing_dot":"准备中...","upload_done":"已上传","upload_failed":"上传失败","permanent":"永久","points":"积分","currency_yuan":"￥","comment_confirm_delete":"确认要删除此评论吗？","comment_approve":"批准","comment_reject":"驳回","comment_pending_review":"待审核","comment_reply":"回复","comment_enter_name_email":"请输入昵称和邮箱","comment_email_invalid":"邮箱格式错误","comment_too_short":"评论内容过少","comment_hidden_after_review":"审核后通过后即可查看隐藏内容","comment_edit_content":"编辑此内容","comment_fetching_content":"正在获取内容，请稍后...","captcha_resend_in":"%1$s秒后可重新发送","agree_terms_first":"请先阅读并同意用户协议","message_all_loaded":"已加载全部","message_load_more":"继续加载","enter_code":"请输入代码","enter_valid_image_url":"请输入正确的图片地址","enter_valid_link_url":"请输入正确的链接地址","upload_format_error":"文件[%1$s]格式错误","upload_size_exceeded":"文件[%1$s]大小超过限制，最大%2$sM，请重新选择","upload_count_exceeded":"文件数量过多！最多可选择%1$s个文件","upload_select_first":"请先选择待上传的文件！","upload_unsupported":"当前浏览器不支持图片上传，请更换浏览器","captcha_retry":"请再试一次","captcha_slide_hint":"向右滑动填充拼图","captcha_load_failed":"加载失败","captcha_verify_title":"滑动以完成验证","captcha_data_failed":"滑块验证数据获取失败，网站疑似SSL或https设置有误，请对照浏览器报错进行排查","captcha_click_refresh":"点击刷新","search_enter_keyword":"请输入搜索关键词","search_keyword_short":"关键词太短，请重新输入","preview_post":"预览文章","last_saved":"最后保存：","save_success":"保存成功！","imgbox_download":"下载图片","imgbox_play":"播放图片","imgbox_view_more":"查看更多图片","imgbox_toggle_zoom":"切换图片缩放","imgbox_toggle_full":"切换全屏","week_prefix":"周","week_sun":"日","week_mon":"一","week_tue":"二","week_wed":"三","week_thu":"四","week_fri":"五","week_sat":"六","poster_load_failed":"海报加载失败","poster_generating":"正在生成图片，请稍候...","pay_alipay":"支付宝","pay_wechat":"微信支付","pay_order_timeout":"订单支付超时，请重新下单","pay_enter_coupon":"请输入优惠码","pay_discount_reduce":"优惠立减","pay_discount_off":"%1$s折优惠","pay_discount":"优惠","pay_discount_fold":"%1$s折","pay_valid_until":"有效期至","pay_coupon_available":"优惠码可用","pay_initiating":"正在发起支付，请稍后...","pay_redirecting":"正在跳转到支付页面","pay_complete":"请完成支付","pay_scan_qrcode":"请扫码支付，支付成功后会自动跳转","pay_trade_closed":"交易已关闭","pay_success_redirect":"支付成功，页面跳转中","pay_vip_loading":"加载中，请稍等...","pay_select_vip_option":"请选择会员选项","pay_order_creating":"正在生成订单，请稍候","bbs_vote_count":"%1$s票","bbs_vote_success":"投票成功","bbs_topic_posts":"帖子:%1$s"}, } </script> <script type="text/javascript">window._win.translate_config = [];</script><div class="float-right round position-center"></div><div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm"><div class="container"><div class="mb20 search-close-box"><button class="but cir" data-toggle-class data-target=".navbar-search" ><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button></div><div remote-box="https://www.399dj.com/wp-admin/admin-ajax.php?action=search_box" load-click><div class="search-input"><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k2"></p> <p class="placeholder t1"></p><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k1"></p><p class="placeholder t1"></p><p></p> <p class="placeholder k1" style="height: 80px;"></p> </div></div></div></div> <div class="modal fade" id="u_sign" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="sign-content"> <div class="sign-img absolute hide-sm"><img class="fit-cover radius8 lazyload" src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.399dj.com/wp-content/uploads/2026/04/2026041222532398.jpg" alt="399搭建-游戏源码屋丨手游源码网丨端游源码网丨破解源码网丨小程序源码丨模板插件丨破解软件丨端游源码丨页游源码丨服务端丨架设游戏教程丨私服游戏源码网"></div> <div class="sign zib-widget blur-bg relative"> <button class="close" data-dismiss="modal"> <svg class="ic-close" aria-hidden="true" data-viewBox="0 0 1024 1024" viewBox="0 0 1024 1024"><use xlink:href="#icon-close"></use></svg> </button> <div class="text-center"><div class="sign-logo box-body"><img src="https://www.399dj.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="http://www.399dj.com/wp-content/uploads/2026/07/2026070721405441.jpg" white-src="http://www.399dj.com/wp-content/uploads/2026/07/2026070721405441.jpg" dark-src="http://www.399dj.com/wp-content/uploads/2026/07/2026070721405441.jpg" alt="399搭建-游戏源码屋丨手游源码网丨端游源码网丨破解源码网丨小程序源码丨模板插件丨破解软件丨端游源码丨页游源码丨服务端丨架设游戏教程丨私服游戏源码网" class="lazyload"></div></div> <div class="tab-content"><div class="tab-pane fade active in" id="tab-sign-in"><div class="box-body"><div class="title-h-left fa-2x">登录</div><a class="muted-color px12" href="#tab-sign-up" data-toggle="tab">没有账号？立即注册<i class="em12 ml3 fa fa-angle-right"></i></a></div><div id="sign-in"><form><div class="relative line-form mb10"><input type="text" name="username" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">用户名或邮箱</div></div><div class="relative line-form mb10"><input type="password" name="password" class="line-form-input" tabindex="2" placeholder=""><div class="scale-placeholder">登录密码</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="relative line-form mb10 em09"><span class="muted-color form-checkbox"><input type="checkbox" id="remember" checked="checked" tabindex="4" name="remember" value="forever"><label for="remember" class="ml3">记住登录</label></span><span class="pull-right muted-2-color"><a rel="nofollow" class="muted-2-color" href="https://www.399dj.com/user-sign?tab=resetpassword&redirect_to=https%3A%2F%2Fwww.399dj.com%2F1638.html">找回密码</a></span></div><div class="box-body"><input type="hidden" name="action" value="user_signin"><button type="button" class="but radius jb-blue padding-lg signsubmit-loader btn-block"><i class="fa fa-sign-in mr10"></i>登录</button></div></form></div></div><div class="tab-pane fade" id="tab-sign-up"><div class="box-body"><div class="title-h-left fa-2x">注册</div><a class="muted-color px12" href="#tab-sign-in" data-toggle="tab">已有账号，立即登录<i class="em12 ml3 fa fa-angle-right"></i></a></div><form id="sign-up"><div class="relative line-form mb10"><input type="text" name="name" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">请设置账号（字母+数字格式）</div></div><div class="relative line-form mb10"><input change-show=".change-show" type="text" name="email" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">请绑定邮箱（后续可找回密码）</div></div><div class="relative line-form mb10 change-show"><input type="text" name="captch" class="line-form-input" autocomplete="off" tabindex="2" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">验证码</div><span class="yztx abs-right"><button type="button" form-action="signup_captcha" class="but c-blue captchsubmit">发送验证码</button></span><div class="abs-right match-ok muted-color"><i class="fa-fw fa fa-check-circle"></i></div><input type="hidden" name="captcha_type" value="email"><input type="hidden" id="_wpnonce" name="_wpnonce" value="491479c2a8" /></div><div class="relative line-form mb10"><input type="password" name="password2" class="line-form-input" tabindex="3" placeholder=""><div class="scale-placeholder">设置密码</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="box-body"><input type="hidden" name="action" value="user_signup"><button type="button" class="but radius jb-green padding-lg signsubmit-loader btn-block"><svg class="icon mr10" aria-hidden="true" data-viewBox="0 0 1024 1024" viewBox="0 0 1024 1024"><use xlink:href="#icon-signup"></use></svg>注册</button><div class="form-checkbox muted-color mt10 text-center px12 opacity8"><input name="user_agreement" id="user_agreement" type="checkbox"><label for="user_agreement" class="px12 ml6" style="font-weight:normal;">已阅读并同意<a class="focus-color" target="_blank" href="https://www.399dj.com/protocol">用户协议</a>、<a class="focus-color" target="_blank" href="https://www.399dj.com/statement">隐私声明</a></label></div></div></form></div></div> </div> </div> </div> </div> <script id="bootstrap-js" src="https://www.399dj.com/wp-content/themes/zibll/js/libs/bootstrap.min.js?ver=9.0"></script> <script id="loader_js-js" src="https://www.399dj.com/wp-content/themes/zibll/js/loader.js?ver=9.0"></script> <script id="shop-js" src="https://www.399dj.com/wp-content/themes/zibll/inc/functions/shop/assets/js/main.min.js?ver=9.0"></script>  <style> /* ====================== 【自定义参数区直接改数字】 ====================== */ /* -------------------------- PC端全局参数 -------------------------- */ :root { /* 1.外层悬浮大容器设置 */ --pc-wrap-right: -10px; /* 容器左右位置：数值变大 = 整体向左移动；变小 = 向右贴屏幕边缘 */ --pc-wrap-width: 90px; /* 外层容器总宽度 */ --pc-wrap-height: auto; /* 外层容器高度auto自适应图标，无上下留白 */ --pc-wrap-radius: 90px; /* 容器四个角圆角大小需求60px圆角 */ --pc-wrap-padding-x: 0px; /* 容器左右内边距，垂直上下padding为0 保证无上下留白 */ /* 2.内部图标尺寸设置 */ --pc-item-w: 78px; /* 单个图标容器宽度 */ --pc-item-h: 78px; /* 单个图标容器高度 */ --pc-icon-w: 66px; /* 图标图片自身宽度 */ --pc-icon-h: 70px; /* 图标图片自身高度 */ /* 3.hover弹出提示弹窗参数 */ --pc-pop-min-w: 160px; --pc-pop-max-w: 240px; --pc-pop-offset-r: 80px; /* 弹窗向左偏移距离 */ } /* -------------------------- 移动端全局参数（768px以下生效） -------------------------- */ @media (max-width:768px) { :root { /* 1.外层悬浮大容器设置 */ --m-wrap-right: -6px; --m-wrap-width: 68px; --m-wrap-height: auto; --m-wrap-radius: 90px; --m-wrap-padding-x: 0px; /* 2.内部图标尺寸设置 */ --m-item-w: 64px; --m-item-h: 64px; --m-icon-w: 46px; --m-icon-h: 46px; /* 3.hover弹出提示弹窗参数 */ --m-pop-min-w: 140px; --m-pop-max-w: calc(100vw - 24px); --m-pop-offset-r: 66px; } } /* ====================================================================== */ /* 锚点页面移动端隐藏悬浮容器 */ @media (max-width:768px) { .my_global_float_wrap.hide-mobile-float, .my_global_float_wrap.scroll-hide { display: none !important; } } /* 外层悬浮容器：垂直居中右侧、自适应高度、四角60圆角、垂直无留白 */ .my_global_float_wrap { position: fixed; right: var(--pc-wrap-right); top: 50%; transform: translateY(-50%); z-index: 99999; width: var(--pc-wrap-width); height: var(--pc-wrap-height); border-radius: var(--pc-wrap-radius); /* 垂直内边距0，左右仅少量填充；图标无缝贴合上下边缘 */ padding: 0 var(--pc-wrap-padding-x); margin: 0; /* 图标纵向排列、无间隙 */ display: flex; flex-direction: column; gap: 0; /* 图标之间完全无留白 */ justify-content: stretch; background: rgba(255,255,255,0.16); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 6px 30px rgba(0,0,0,0.05); transition: opacity 0.25s ease; } /* 移动端容器读取移动端变量 */ @media (max-width:768px) { .my_global_float_wrap { right: var(--m-wrap-right); width: var(--m-wrap-width); height: var(--m-wrap-height); border-radius: var(--m-wrap-radius); padding: 0 var(--m-wrap-padding-x); } } /* 单个图标容器：填满横向宽度，上下无缝衔接 */ .my_float_item { width: var(--pc-item-w); height: var(--pc-item-h); flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; overflow: visible; border-radius: 12px; background: transparent !important; transition: transform 0.2s ease; } @media (max-width:768px) { .my_float_item { width: var(--m-item-w); height: var(--m-item-h); } } /* 悬停放大动效 */ .my_float_item:hover { transform: scale(1.12); } /* 点击按压缩小 */ .my_float_item:active { transform: scale(0.92); } /* 图标图片尺寸变量控制 */ .my_float_item img { width: var(--pc-icon-w); height: var(--pc-icon-h); object-fit: contain; display: block; } @media (max-width:768px) { .my_float_item img { width: var(--m-icon-w); height: var(--m-icon-h); } } /* 右侧悬浮弹出提示框 */ .mini_float_pop { position: absolute; right: var(--pc-pop-offset-r); top: 50%; transform: translateY(-50%); width: fit-content; min-width: var(--pc-pop-min-w); max-width: var(--pc-pop-max-w); padding: 14px 14px; background: #fff; border-radius: 12px; box-shadow: 0 3px 20px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; display: none; z-index: 999999; } @media (max-width:768px) { .mini_float_pop { min-width: var(--m-pop-min-w); max-width: var(--m-pop-max-w); right: var(--m-pop-offset-r); padding: 10px 10px; } } .my_float_item:hover .mini_float_pop { display: block; } /* 弹窗内部图片 */ .mini_float_pop img { width: 100px; height: auto; margin: 0 auto 12px; display: block; } @media (max-width:768px) { .mini_float_pop img { width: 80px; margin-bottom: 8px; } } /* 弹窗顶部大标题（红色加粗大字） */ .mini_float_pop .pop-title { font-size: 22px; margin: 0 0 10px; color: #e62424; font-weight: 700; } /* 弹窗正文文字 */ .mini_float_pop p { font-size: 14px; margin: 6px 0; color: #444; line-height: 1.4; } @media (max-width:768px) { .mini_float_pop p { font-size: 13px; margin: 4px 0; } } /* 弹窗底部红色提示文字 */ .mini_float_pop .red-text { font-size: 15px; margin: 8px 0 0; color: #e62424; font-weight: 500; } </style>  <div class="my_global_float_wrap" id="floatSideWrap">  <div class="my_float_item" onclick="document.querySelector('.signin-loader').click();"> <img src="/wp-content/themes/zibll/images/注册登录.gif" alt="注册登录"> <div class="mini_float_pop"> <h3 class="pop-title">注册登录</h3> <p>本站上方游戏业务</p> <p>添加任意客服V/Q</p> <p class="red-text">免费领取搭建次数</p> </div> </div>  <div class="my_float_item" onclick="document.querySelector('.pay-vip').click();"> <img src="/wp-content/themes/zibll/images/开通会员.gif" alt="开通会员"> <div class="mini_float_pop"> <h3 class="pop-title">会员权益</h3> <p>粉钻免费搭建次数</p> <p>蓝钻一年全站资源</p> <p>红钻永久全站资源</p> </div> </div>  <div class="my_float_item"> <img src="/wp-content/themes/zibll/images/永恒会员.gif" alt="粉钻会员"> <div class="mini_float_pop"> <img src="/wp-content/themes/zibll/images/永恒会员.gif"> <h3 class="pop-title">粉钻会员</h3> <p>点击本站游戏业务</p> <p>免费领取搭建次数</p> <p class="red-text">轻松学游戏搭建</p> </div> </div>  <div class="my_float_item"> <img src="/wp-content/themes/zibll/images/会员1.webp" alt="蓝钻会员"> <div class="mini_float_pop"> <img src="/wp-content/themes/zibll/images/会员1.webp"> <h3 class="pop-title">蓝钻会员</h3> <p>199元一年全站资源</p> <p>每日5次免费下载</p> <p class="red-text">专属客服进阶指导</p> </div> </div>  <div class="my_float_item"> <img src="/wp-content/themes/zibll/images/会员.webp" alt="红钻会员"> <div class="mini_float_pop"> <img src="/wp-content/themes/zibll/images/会员.webp"> <h3 class="pop-title">红钻会员</h3> <p>399元永久全站资源</p> <p>每日9次免费下载</p> <p class="red-text">终身尊享特殊资源</p> </div> </div> </div>  <script> jQuery(function($){ const wrap = $('#floatSideWrap'); const targetHash = 'zib_widget_ui_tab_post-7-2'; let scrollTimer = null; let isScrolling = false; // 锚点页面自动隐藏悬浮 function checkHashHideFloat(){ const nowHash = window.location.hash.replace('#',''); if(nowHash === targetHash){ wrap.addClass('hide-mobile-float'); }else{ wrap.removeClass('hide-mobile-float'); } } checkHashHideFloat(); $(window).on('hashchange', checkHashHideFloat); // 移动端上下滑动页面自动隐藏悬浮，停止滚动恢复显示 function handleScrollShowHide(){ if(window.innerWidth > 768) return; if(!isScrolling){ wrap.addClass('scroll-hide'); isScrolling = true; } clearTimeout(scrollTimer); scrollTimer = setTimeout(()=>{ wrap.removeClass('scroll-hide'); isScrolling = false; }, 300); } $(window).on('scroll', handleScrollShowHide); }) </script> <style> /* 全局隔离，不污染站点原有样式 */ .mobile-bottom-tab-wrapper {display: contents;} /* PC端全部隐藏整套底部导航+弹窗 */ @media screen and (min-width:769px) { .ios-glass-bottom-nav, .global-popup-mask, .bottom-slide-popup-box { display: none !important; } } /* 移动端底部留白，防止页面被导航遮挡 */ @media screen and (max-width:768px) { body { padding-bottom: 92px !important; } } /* ========== iOS磨砂玻璃底部导航栏 ========== */ .ios-glass-bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; background: rgba(255,255,255,0.72); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid rgba(0,0,0,0.06); display: flex; align-items: center; justify-content: space-around; z-index: 9999; } .glass-nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 18%; height: 100%; gap: 5px; color: #666; text-decoration: none; cursor: pointer; } .glass-nav-item img { width: 36px; height: 36px; object-fit: contain; } .glass-nav-item span { font-size: 12px; } /* 中间Tab上浮突出 */ .glass-nav-item.mid-btn { transform: translateY(-10px); } .glass-nav-item.mid-btn img { width: 54px; height: 54px; } .glass-nav-item.active { color: #007aff; } /* ========== 全局遮罩（页面虚化） ========== */ .global-popup-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 10000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .global-popup-mask.show { opacity: 1; visibility: visible; } /* ========== 底部滑出弹窗容器 ========== */ .bottom-slide-popup-box { position: fixed; bottom: 0; left: 0; width: 100%; max-height: 55vh; background: rgba(255,255,255,0.8); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-radius: 26px 26px 0 0; padding: 18px 12px 30px; transform: translateY(100%); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10001; overflow: hidden; } .global-popup-mask.show .bottom-slide-popup-box { transform: translateY(0); } /* 顶部关闭拖拽条 */ .popup-close-drag-bar { width: 42px; height: 5px; border-radius: 99px; background: rgba(0,0,0,0.18); margin: 0 auto 20px; cursor: pointer; } /* 弹窗标题 */ .popup-main-title { text-align: center; font-size: 18px; font-weight: 600; color: #111; margin-bottom: 20px; } /* ========== 卡片横向容器：强制一行不换行、无滚动、4卡并排 ========== */ .card-row-container { display: flex; flex-wrap: nowrap; gap: 10px; justify-content: center; padding: 0 2px; overflow: visible; } /* ========== 通用立体透明白卡片｜源码/会员弹窗自适应高度，去除多余留白 ========== */ .single-float-card { flex: 1; min-width: 0; /* 删除固定min-height，高度自适应图文内容 */ background: rgba(255,255,255,0.76); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(0,0,0,0.06); border-radius: 18px; /* 缩小上下内边距，消除底部大量空白 */ padding: 8px 4px; text-align: center; cursor: pointer; /* 双层立体阴影 */ box-shadow: 0 3px 10px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05); transition: transform 0.22s ease, box-shadow 0.22s ease; transform: translateY(2px); } /* 触摸/点击悬浮上浮效果 */ .single-float-card:active, .single-float-card:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 9px 22px rgba(0,0,0,0.13), 0 3px 8px rgba(0,0,0,0.08); } .card-icon-box { width: 100%; max-width: 46px; height: 46px; border-radius: 12px; background: rgba(0,122,255,0.12); /* 减小图标下方间距，消除留白 */ margin: 0 auto 6px; display: flex; align-items: center; justify-content: center; } .card-icon-box img { width: 24px; height: 24px; object-fit: contain; } .card-title-text { font-size: 13px; font-weight: 600; color: #111; /* 压缩标题与描述间距 */ margin-bottom: 3px; word-break: break-word; } .card-desc-text { font-size: 10px; color: #666; line-height: 1.3; word-break: break-word; /* 删除底部多余外边距，卡片底部紧贴文字 */ margin-bottom: 0; } /* ========== 游戏业务独立客服立体透明白卡片（保留原有尺寸，不改动） ========== */ .single-service-card { flex: 1; min-width: 0; max-width: 148px; min-height: 205px; background: rgba(255,255,255,0.78); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(0,0,0,0.06); border-radius: 18px; padding: 10px 4px; text-align: center; /* 双层立体阴影 */ box-shadow: 0 3px 10px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05); transition: transform 0.22s ease, box-shadow 0.22s ease; transform: translateY(2px); } /* 触摸点击悬浮上浮动效 */ .single-service-card:active, .single-service-card:hover { transform: translateY(-6px) scale(1.03); box-shadow: 0 9px 22px rgba(0,0,0,0.13), 0 3px 8px rgba(0,0,0,0.08); } .service-qr-box { width: 100%; max-width: 90px; height: 90px; background: #f8f8f8; border-radius: 12px; padding: 5px; margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .service-qr-img { width: 100%; height: 100%; object-fit: contain; } .service-name-label { font-size: 14px; font-weight: 700; color: #ff3333; margin-bottom: 4px; word-break: break-word; } .service-tag-label { font-size: 10px; color: #1a47aa; line-height: 1.4; margin: 0 0 8px; word-break: break-word; } .copy-service-btn { width: 100%; max-width: 100px; padding: 7px 0; border-radius: 999px; border: none; background: #007aff; color: #fff; font-size: 12px; font-weight: 500; cursor: pointer; } /* 弹窗分组切换控制 */ .popup-group-container { display: none; } .popup-group-container.show { display: block; } </style>  <div class="ios-glass-bottom-nav">  <a href="/" class="glass-nav-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/首页.png" alt="首页"> <span>首页</span> </a>  <div class="glass-nav-item" data-popup-id="sourcePopup"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/源码.png" alt="源码"> <span>源码</span> </div>  <div class="glass-nav-item mid-btn" data-popup-id="userRegPopup"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/注册界面.png" alt="注册登录"> <span>注册登录</span> </div>  <div class="glass-nav-item" data-popup-id="gameServicePopup"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/特权.png" alt="游戏业务"> <span>游戏业务</span> </div>  <a href="/user" class="glass-nav-item"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/用户中心.png" alt="我的"> <span>我的</span> </a> </div>  <div class="global-popup-mask" id="maskOverlay"> <div class="bottom-slide-popup-box"> <div class="popup-close-drag-bar" id="dragCloseBar"></div>  <div class="popup-group-container" id="sourcePopup"> <h3 class="popup-main-title">游戏源码分类＋搭建教程</h3> <div class="card-row-container">  <a href="/category/手游源码" class="single-float-card"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/手游.png"> </div> <div class="card-title-text">手游源码</div> <div class="card-desc-text">传奇/回合/仙侠</div> </a>  <a href="/category/端游源码" class="single-float-card"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/端游.png"> </div> <div class="card-title-text">端游源码</div> <div class="card-desc-text">传奇/梦幻/魔兽</div> </a>  <a href="/category/h5游戏源码" class="single-float-card"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/页游.png"> </div> <div class="card-title-text">H5页游源码</div> <div class="card-desc-text">生存/无尽/灵画师</div> </a>  <a href="/category/小程序游戏" class="single-float-card"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/小程序.png"> </div> <div class="card-title-text">小程序源码</div> <div class="card-desc-text">寻道/僵尸/蔚蓝</div> </a> </div> </div>  <div class="popup-group-container" id="userRegPopup"> <h3 class="popup-main-title">注册登录+免费会员+开通会员</h3> <div class="card-row-container">  <div class="single-float-card" onclick="document.querySelector('.pay-vip').click();"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/开通会员.png"> </div> <div class="card-title-text">开通会员</div> <div class="card-desc-text">专属权益+特殊资源</div> </div>  <div class="single-float-card" onclick="document.querySelector('.signin-loader').click();"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/注册.png"> </div> <div class="card-title-text">注册登录</div> <div class="card-desc-text">小白轻松学搭建</div> </div>  <a href="https://www.399dj.com/#zib_widget_ui_tab_post-7-2" class="single-float-card"> <div class="card-icon-box"> <img src="https://www.399dj.com/wp-content/uploads/2026/07/礼包.png"> </div> <div class="card-title-text">免费会员</div> <div class="card-desc-text">领取免费搭建次数</div> </a> </div> </div>  <div class="popup-group-container" id="gameServicePopup"> <h3 class="popup-main-title">购买游戏业务➕领取免费搭建</h3> <div class="card-row-container">  <div class="single-service-card"> <div class="service-qr-box"> <img class="service-qr-img" src="https://www.399dj.com/wp-content/uploads/2026/07/飞飞.jpg"> </div> <div class="service-name-label">微信-飞飞</div> <div class="service-tag-label"> 【游戏搭建】<br> 【脚本辅助】<br> 【邀请助力】 </div> <button class="copy-service-btn" data-copy-text="Rasjue88">复制微信</button> </div>  <div class="single-service-card"> <div class="service-qr-box"> <img class="service-qr-img" src="https://www.399dj.com/wp-content/uploads/2026/07/飞飞2.jpg"> </div> <div class="service-name-label">QQ-飞飞</div> <div class="service-tag-label"> 【CDK礼包】<br> 【买号卖号】<br> 【折扣充值】 </div> <button class="copy-service-btn" data-copy-text="3983277640">复制QQ</button> </div>  <div class="single-service-card"> <div class="service-qr-box"> <img class="service-qr-img" src="https://www.399dj.com/wp-content/uploads/2026/07/甜心1.jpg"> </div> <div class="service-name-label">微信-甜心</div> <div class="service-tag-label"> 【游戏搭建】<br> 【脚本辅助】<br> 【邀请助力】 </div> <button class="copy-service-btn" data-copy-text="wwgame66">复制微信</button> </div>  <div class="single-service-card"> <div class="service-qr-box"> <img class="service-qr-img" src="https://www.399dj.com/wp-content/uploads/2026/07/甜心.jpg"> </div> <div class="service-name-label">QQ-甜心</div> <div class="service-tag-label"> 【CDK礼包】<br> 【买号卖号】<br> 【折扣充值】 </div> <button class="copy-service-btn" data-copy-text="2368058856">复制QQ</button> </div> </div> </div> </div> </div> <script> jQuery(function($){ const maskOverlay = $('#maskOverlay'); const allPopupGroups = $('.popup-group-container'); const tabTriggerBtns = $('.glass-nav-item[data-popup-id]'); const dragCloseBar = $('#dragCloseBar'); const copyButtons = $('.copy-service-btn'); // 关闭全部弹窗、恢复页面滚动 function closeAllPopups() { maskOverlay.removeClass('show'); allPopupGroups.removeClass('show'); $('body').css('overflow', ''); } // 打开指定弹窗 function openTargetPopup(popupId) { closeAllPopups(); $(`#${popupId}`).addClass('show'); maskOverlay.addClass('show'); $('body').css('overflow', 'hidden'); } // 底部Tab点击触发对应弹窗 tabTriggerBtns.on('click', function () { const targetId = $(this).attr('data-popup-id'); openTargetPopup(targetId); }) // 顶部拖拽条、遮罩空白区域点击关闭弹窗 dragCloseBar.on('click', closeAllPopups); maskOverlay.on('click', function (e) { if (e.target === this) closeAllPopups(); }) // 一键复制客服账号功能 copyButtons.on('click', function (e) { e.stopPropagation(); const copyContent = $(this).attr('data-copy-text'); const tempInput = $('<input type="text">').val(copyContent); $('body').append(tempInput); tempInput.select(); document.execCommand('copy'); tempInput.remove(); alert('复制成功！打开微信/QQ粘贴添加客服（备注：399dj）若是申请没通过，换个客服复制添加'); }) // 跳转卡片点击自动关闭弹窗 $('.single-float-card').on('click', function () { setTimeout(closeAllPopups, 120); }) }) </script> <style> /* 遮罩层全屏无留白 */ .pop-mask { display: none; position: fixed; inset: 0 !important; width: 100vw; height: 100vh; background: rgba(0,0,0,0.45); z-index: 99998; margin: 0 !important; padding: 0 !important; overflow: hidden; } /* 居中弹窗玻璃透明磨砂电脑端迷你尺寸 */ .custom-popup-wechat { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 280px; max-width: 92vw; max-height: 75vh; overflow-y: auto; background: rgba(240, 252, 242, 0.65); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.4); border-radius: 12px; z-index: 99999; padding: 16px; box-sizing: border-box; box-shadow: 0 0 30px rgba(0,0,0,0.18); margin: 0 !important; } .pop-close { position: absolute; right: 10px; top: 8px; font-size: 20px; cursor: pointer; color: #444; transition: all 0.2s ease; } .pop-close:hover { color: #d02020; transform: scale(1.15); } .pop-logo { text-align: center; margin-bottom: 8px; } .pop-logo h2 { margin: 0; color: #d02020; font-size: 18px; } .pop-logo p { margin: 3px 0 0; font-size: 11px; color: #555; } /* 图片完全自适应弹窗宽度，自动缩放 */ .pop-qrcode { width: 100%; height: auto; margin: 0 auto; display: block; border-radius: 8px; object-fit: contain; } .pop-title { text-align: center; font-weight: bold; font-size: 14px; margin: 8px 0; } /* 中间弹窗文字：蓝红渐变扫光对应图二 */ .pop-desc { font-size: 12px; line-height: 1.5; text-align: center; font-weight: bold; background: linear-gradient(90deg, #0088ff, #ff0033, #0088ff); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: blueRedShine 3s linear infinite; } .pop-text-list { margin: 10px 0; font-size: 12px; line-height: 1.6; text-align: center; } .pop-text-list h3 { color: #d02020; margin: 0 0 4px; font-size: 16px; } .pop-text-list p { margin: 3px 0; } /* 弹窗底部按钮 hover悬浮按压效果 */ .pop-buttons { display: flex; gap: 8px; margin-top: 12px; justify-content: center; } .pop-btn { flex: 1; text-align: center; padding: 7px 0; border-radius: 8px; text-decoration: none; font-size: 13px; cursor: pointer; transition: all 0.22s ease; } .btn-group { background: rgba(57, 197, 96, 0.85); color: #fff; border: 1px solid rgba(255,255,255,0.3); } .btn-group:hover { background: rgba(57, 197, 96, 1); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(57,197,96,0.35); } .btn-group:active { transform: translateY(0); box-shadow: 0 1px 4px rgba(57,197,96,0.2); } .btn-point { background: rgba(255,255,255,0.75); color: #222; border: 1px solid rgba(57, 197, 96, 0.7); } .btn-point:hover { background: rgba(255,255,255,0.95); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(57,197,96,0.25); } .btn-point:active { transform: translateY(0); box-shadow: 0 1px 4px rgba(57,197,96,0.15); } /* PC右下角悬浮弹窗玻璃透明磨砂迷你款 */ .custom-popup-vip { display: none; position: fixed; right: 16px; bottom: 16px; width: 260px; z-index: 99999; padding: 14px; box-sizing: border-box; background: rgba(255,255,255,0.68); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.45); border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.12); text-align: center; margin: 0 !important; } .vip-close { position: absolute; right: 8px; top: 6px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; } .vip-close:hover { color: #d02020; transform: scale(1.15); } /* 右下角弹窗文字：加粗彩虹渐变扫光对应图一 */ .custom-popup-vip h4 { font-size: 14px; margin: 0 0 6px; font-weight: 900; background: linear-gradient(90deg, #ff0033, #ff9900, #ffdd00, #00cc00, #0088ff, #9900ff, #ff0033); background-size: 400% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbowShine 4s linear infinite; } .custom-popup-vip p { font-size: 12px; margin: 0; line-height: 1.4; font-weight: 900; background: linear-gradient(90deg, #ff0033, #ff9900, #ffdd00, #00cc00, #0088ff, #9900ff, #ff0033); background-size: 400% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbowShine 4s linear infinite; } /* 右下角跳转按钮悬浮效果 */ .vip-btn-buy { display: block; width: 100%; text-align: center; padding: 7px; background: rgba(0, 145, 255, 0.82); color: #fff; border-radius: 6px; text-decoration: none; margin-top: 8px; font-size: 13px; transition: all 0.22s ease; } .vip-btn-buy:hover { background: rgba(0, 145, 255, 1); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,145,255,0.3); } .vip-btn-buy:active { transform: translateY(0); box-shadow: 0 1px 4px rgba(0,145,255,0.18); } /* 渐变扫光动画定义 */ @keyframes blueRedShine { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } } @keyframes rainbowShine { 0% { background-position: 0% 0; } 100% { background-position: 400% 0; } } /* 移动端适配更迷你 */ @media (max-width: 768px) { .custom-popup-vip { display: none !important; visibility: hidden !important; } .custom-popup-wechat { width: 88%; padding: 14px; max-height: 80vh; } .pop-qrcode { width: 100%; height: auto; } .pop-buttons { flex-direction: column; align-items: center; gap: 6px; } .pop-btn { width: 90%; padding: 6px 0; } } </style>  <div class="pop-mask" id="mask-wechat"></div> <div class="custom-popup-wechat" id="pop-wechat"> <span class="pop-close" id="close-wechat">×</span> <div class="pop-logo"> <h2 style="font-weight:900;">399游戏源码屋</h2> </div> <img src="/wp-content/themes/zibll/images/弹窗公告图标.jpg" class="pop-qrcode"> <p class="pop-title">新手小白轻松学游戏搭建！！<br>所有解压密码为：www.399dj.com</p>  <div class="pop-desc"> <li style="font-weight:900;font-size:15px">点击上方网站【游戏业务】</li> <li style="font-weight:900;font-size:15px">任意添加一位的客服Q/V</li> <li style="font-weight:900;font-size:15px">即可免费领取搭建次数</li> </div> <div class="pop-text-list"> <h3 style="font-weight:900;">会员权益总览</h3> <p style="font-weight:900;">粉钻免费搭建次数</p> <p style="font-weight:900;">蓝钻一年全站资源</p> <p style="font-weight:900;">红钻永久全站资源</p> </div> <div class="pop-buttons"> <a class="pop-btn btn-group" id="btn-login">注册登录</a> <a class="pop-btn btn-point" id="btn-vip">开通会员</a> </div> </div>  <div class="custom-popup-vip" id="pop-vip"> <span class="vip-close" id="close-vip">×</span> <h4>新手领取专属免费搭建次数</h4> <p>点击本站游戏业务<br>添加任意其中客服任意V/Q</p> <a href="https://www.399dj.com/#zib_widget_ui_tab_post-7-2" class="vip-btn-buy">点击游戏业务</a> </div> <script> window.addEventListener('load', function(){ const popWechat = document.getElementById('pop-wechat'); const maskWechat = document.getElementById('mask-wechat'); const popVip = document.getElementById('pop-vip'); const closeWechat = document.getElementById('close-wechat'); const closeVip = document.getElementById('close-vip'); const btnLogin = document.getElementById('btn-login'); const btnVip = document.getElementById('btn-vip'); // 时间配置 const FIRST_DELAY = 300000; // 首次进入等待5分钟弹出 const INTERVAL = 600000; // 关闭后间隔15分钟才能再次弹窗 // 关闭全部弹窗 function hideAllPop(){ popWechat.style.display = 'none'; maskWechat.style.display = 'none'; popVip.style.display = 'none'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; } // 弹出弹窗 function showAllPop(){ popWechat.style.display = 'block'; maskWechat.style.display = 'block'; document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; const isMobile = window.innerWidth <= 768; if(!isMobile) popVip.style.display = 'block'; } // 关闭弹窗，记录本次关闭时间，刷新/跳转都读取这个时间 function onClosePop(){ hideAllPop(); const now = Date.now(); localStorage.setItem('lastPopCloseTime', now); } // 判断是否还在冷却期（15分钟内刚关过弹窗） function isCoolDown(){ const lastClose = parseInt(localStorage.getItem('lastPopCloseTime') || '0'); const now = Date.now(); return now - lastClose < INTERVAL; } // 冷却期直接终止，任何刷新、跳转页面都不会弹窗 if(isCoolDown()) return; // 不在冷却期，等待5分钟后弹窗 setTimeout(function(){ showAllPop(); }, FIRST_DELAY); // 关闭事件绑定 closeWechat.onclick = onClosePop; maskWechat.onclick = onClosePop; closeVip.onclick = onClosePop; // 按钮点击跳转并关闭弹窗 btnLogin.onclick = function(){ document.querySelector('.signin-loader')?.click(); onClosePop(); } btnVip.onclick = function(){ document.querySelector('.pay-vip')?.click(); onClosePop(); } }) </script>  <script type="text/javascript">// 判断移动端 function isMobile() { return window.innerWidth <= 768; } const tabNav = document.querySelector('.self-bottom-nav'); let lastScrollY = 0; let modalOpen = false; // 防抖优化滚动 function debounce(fn, delay = 60) { let timer; return (...args) => { clearTimeout(timer); timer = setTimeout(() => fn.apply(this, args), delay); }; } // 页面上下滚动控制Tab显隐 function scrollTabCtrl() { if (!isMobile() || modalOpen) return; const currY = window.scrollY; if (currY > lastScrollY && currY > 50) { tabNav.classList.add('tab-hide'); } else { tabNav.classList.remove('tab-hide'); } lastScrollY = currY; } // 统一批量监听全部弹窗 function watchAllModal() { if (!isMobile() || !tabNav) return; // 全部弹窗ID数组，新增弹窗直接在这里加ID即可 const modalIds = ['zibpay_modal', 'modal_pay_uservip', 'refresh_modal']; // 弹窗打开事件：隐藏Tab function modalShow() { modalOpen = true; tabNav.classList.add('tab-hide'); } // 弹窗关闭事件：恢复Tab function modalHide() { modalOpen = false; if (window.scrollY <= 50) { tabNav.classList.remove('tab-hide'); } } // 循环绑定所有弹窗监听 modalIds.forEach(id => { const modalDom = document.getElementById(id); if (modalDom) { modalDom.addEventListener('show.bs.modal', modalShow); modalDom.addEventListener('hide.bs.modal', modalHide); } }); } window.addEventListener('load', () => { if (!tabNav) return; // 页面滚动监听 window.addEventListener('scroll', debounce(scrollTabCtrl)); // 窗口缩放适配手机/电脑 window.addEventListener('resize', debounce(() => { if (!isMobile()) tabNav.classList.remove('tab-hide'); })); // 启动弹窗监听 watchAllModal(); }); // 普通按钮弹窗（修复跳转失效，增加空值容错，不会阻断延时跳转） normalBtns.forEach(item => { const tipBox = item.querySelector('.tip-popup'); const jumpUrl = item.dataset.link; const clickType = item.dataset.click; item.addEventListener('click', function (e) { e.stopPropagation(); closeAllPop(); mask.classList.add('show'); // 有tip弹窗才显示，无则跳过不报错 if (tipBox) tipBox.classList.add('show'); // 延时逻辑独立运行，不受tip、登录按钮是否存在影响 setTimeout(() => { // 注册登录按钮逻辑 if (clickType === 'signin') { const signBtn = document.querySelector('.signin-loader'); if(signBtn) signBtn.click(); } // 有链接就强制跳转，不受上面代码干扰 if (jumpUrl && jumpUrl !== '') { location.href = jumpUrl; } }, 1200); }); }); </script>  <script type="text/javascript"> (function() { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script>  <script type="text/javascript"> console.log("数据库查询：94次 | 页面生成耗时：649.555ms"); </script> </body> </html>