效果预览

实现方法
- 下载下方的源文件(js)
[dltable file=”Bomb.js” size=”16.39KB” link=”https://static.cszj.wang/2020/04/11/tIkKKg.js” secret=”E-tag:51b3b3cb8c670144b4a0b6d161680cf9″]
- 将源文件引入在页脚

- 在
body
标签内, js文件之前写入这样的代码
<canvas class="fireworks" style="position: fixed; left: 0px; top: 0px; z-index: 99999999; pointer-events: none; width: 1189px; height: 920px;" width="2378" height="1840"></canvas>
- 大功告成, 去预览效果吧!
优化提示
WordPress中并不建议直接在页脚添加代码, 而是建议用hook
在页脚挂载代码
范例Hook
(有这段代码后第二步无需做)
function add_firework() { wp_enqueue_script('bomb-js', '!!你的js文件位置!!',array(),false,true); } add_action('wp_enqueue_scripts', 'add_firework');
有用👍