如何实现光标canvas点击效果

今天给小伙伴们分享一个给网站加分的特效:光标 canvas 点击效果。让平淡的每一下点击都五彩缤纷,小伙伴们可以直接将以下代码加入到主题目录footer.phpheader.php文件即可实现这一功能。

第一步:将以下代码加入到主题目录footer.php文件。

PHP代码

<script src="https://www.ozss.com/js/sketch.min.js"></script>

第二步:将以下代码加入到主题目录header.php文件。

<?php if(!wp_is_mobile()): ?>
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
<?php endif; ?>

效果图

如何实现光标canvas点击效果插图1

上述JS文件(sketch.min.js)直接调用最省事公共库,如果您需要进一步美化修改样式,也可以下载到本地:

本文来自【年年有鱼黄金会员】的投稿,部分内容可能来源于互联网,不代表【最省事】的观点和立场。侵权投诉>>

本文著作权归博主所有,并授权【最省事】独家使用,未经博主授权,请勿转载。授权申请>>

(26)
上一篇 2020年3月22日 12:51
下一篇 2020年3月28日 22:07

相关推荐

发表回复

登录后才能评论

评论列表(2条)

  • Muze的头像
    Muze 2020年3月27日 23:09

    这个特效让人颇感轻快,整个人都高兴起来了。[face g=17]

  • chiger的头像
    chiger 2020年3月29日 00:13

    看看代码情况