鼠标点击特效Canvas点击烟花效果

鼠标点击特效Canvas点击烟花效果

资源介绍一个JS烟花效果,很久之前的代码了,可以拿去研究一下。圆点大小自己研究代码调整,已经做了详细的注释。

代码说明(任选一种方法)

方法一:放在主题/子主题的header.php中,注意代码的上下位置,js引入文件应该在下面。

鼠标点击特效Canvas点击烟花效果

方法二:放在主题/子主题的footer.php中(最下面),注意代码的上下位置,js引入文件应该在下面。

鼠标点击特效Canvas点击烟花效果

注意修改JS引用路径,要和自己的js文件位置对应,如果你对代码较为熟悉,可以随意放置代码。

相关代码

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

<script src="/wp-content/themes/b2child/diy/js/yanhua.js"></script>

如果想让手机端也显示,删除php标签代码

<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div> 

<script src="/wp-content/themes/b2child/diy/js/yanhua.js"></script>

 

 

主题美化

一行CSS代码让整站变灰

2025-1-3 22:00:28

主题美化

网站顶部动态跑马灯特效

2025-1-3 22:01:54

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索