HBTech's Blog
如何正确的膜♂蛤

又一次作大死……

二维码上的膜♂蛤
这个想法源于Alpaca发给我的一个二维码:

https://hbtech.oss-cn-shenzhen.aliyuncs.com/blog/2016042913203671.png

用手机扫一扫吧,内容是 +1s ……我看到后简直 excited 了。正好主题有个生成文章页二维码的功能,干脆在生成时同时也加上这个二维码。

于是效果就是这样的:

https://hbtech.oss-cn-shenzhen.aliyuncs.com/blog/201605010257392.png

So …… How does it works ?
很简单!我找了一些 PHP 代码,用 PHP 就实现了。通过调用https://hbtech.ml/qrcode.php?ct=内容即可实现!
单击页面出现“ +1s”
灵感源于一个插件的“前台单击出现积分特效”,改了一下,变成了单击出现“+1s”。
使用时要先引入 jQuery 库,一般 WP 都引入了,然后加上下面的代码:


<script src='//lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js?ver=1.0'></script>//引入 jQuery 库,可选
<script>jQuery(document).ready(function($){$("html,body").click(function(e){var $i=$("").text("+1s");var x=e.pageX,y=e.pageY;$i.css({"z-index":99999,"top":y-20,"left":x,"position":"absolute","color":"#E94F06"});$("body").append($i);$i.animate({"top":y-180,"opacity":0},1500,function(){$i.remove();});e.stopPropagation();});});</script>

试试效果,在下面随便点击:

注意:经测试该代码会使 PJAX 失效 。

HBTech's Blog

如何正确的膜♂蛤
又一次作大死…… 二维码上的膜♂蛤 这个想法源于Alpaca发给我的一个二维码: 用手机扫一扫吧,内容是 +1s ……我看到后简直 excited 了。正好主题有个生成文章页二维码的功能,干脆在生成…
扫描二维码继续阅读
2016-05-01