如何实现光标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点击效果

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

免责声明:本文来自【省事喵】的投稿,部分内容可能来源于互联网,旨在传递信息,不代表【最省事】的观点和立场。

转载请注明出处:如何实现光标canvas点击效果丨最省事

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表(2条)

  • chiger
    chiger 2020年3月29日 上午12:13

    看看代码情况

  • Muze
    Muze 2020年3月27日 下午11:09

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

返回顶部