子比美化 第10页
2026-01-23
子比主题 – 自助式资源失效提交页面-识趣者资源
2026-01-28
子比主题功能 – 随机评论弹窗-识趣者资源
2026-01-30
次元守护·WordPress殿堂级维护页面插件(子比主题专版)-识趣者资源
2025-12-11
子比主题 – 订阅小工具插件_全开源-识趣者资源
2025-12-13
子比主题 – 给弹窗Modal加一个背景-识趣者资源
2025-12-13
子比主题美化-首页tab栏目和多栏目tab圆角改成直角-识趣者资源
2026-01-16
子比主题 – 下载按钮hover弹窗功能(两版)-识趣者资源

子比主题 – 下载按钮hover弹窗功能(两版)

这是一款子比主题下载按钮hover弹窗功能,首先说一下这个功能唯一的缺点就是,这个如果用户扫了二维码下载资源之后,不扣资源限制次数,无限制下载,介意的话就不用这个功能,喜欢的自行部署吧! [hidecontent type="reply"] 为什么刚才给大家说的有两版,其实样式是一样的,只不过就是一个版是通过api接口来实现生成二维码,第二个版是通过子比来实现的,不过子比的话有缓存,都可以用的,给大家分享两版! 定位:/wp-content/themes/zibll/func.php文件,没有这个文件自己记得加上php头,要不然会报错,两个版都是放到func里面,但是别两个同时放进去,你感觉哪个好用就用哪个版! 第一版(调用API接口实现二维码) add_action('wp_footer',function(){?> <script>jQuery(function($){$('.but-download a.but[href*="pay-download"]').each(function(){var b=$(this),u=b.attr('href'),q='https://api.qrtool.cn/?text='+encodeURIComponent(u),img=new Image();img.src=q;b.attr({'data-toggle':'tooltip','data-html':1,'data-placement':'bottom',title:'<div class="text-center padding-10"><img src="'+q+'" style="width:120px;height:120px;border-radius:4px;"><div class="mt6 muted-2-color em09">扫码下载资源</div></div>'}).tooltip({html:1,trigger:'manual',container:'body'}).on('mouseenter',function(){var t=$(this);t.tooltip('show');setTimeout(function(){t.tooltip('update')},50)}).on('mouseleave',function(){$(this).tooltip('hide')})})});</script> <style>.tooltip-inner{width:140px!important;max-width:160px!important;padding:0;background:#000;border:1px solid var(--muted-border-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip.show{opacity:1}</style> <?php }); 第二版(调用子比主题实现二维码) add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
2026-01-25
子比主题 – 新闻版块小工具-识趣者资源
2026-01-28
子比主题美化 – 网站“你别走吖 Σ(っ °Д °;)っ”动态标题-识趣者资源
2026-02-02
子比主题-滚动式公告美化框-识趣者资源