西瓜君今天在@夏末浅笑博客大佬网站突然发现有一个好玩的,我现在也就分享给大家,这个特效点击后有爆炸的感觉额!该代码通用任何PC移动站,mip和amp不适用,因为是用js实现的,先来看看效果图
效果图
网站特效代码
方法一:添加如下js代码或者直接远程调用(js –https://aliyun.ccswust.org/Js/dianji-2020/dianji-2020.js)
方法二、前台公共模板里面添加canvas元素,如footer底部文件
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
相信大家看了上面的方法应该都会操作吧,西瓜君在这里给大家提供最简单的,只需要在公共位置添加这两句代码即可,和上面的方法是一样的。
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas><script type="text/javascript" src="https://aliyun.ccswust.org/Js/dianji-2020/dianji-2020.js"></script>
VIEU配置方法
进入后台—外观—主题设置—自定义代码—自定义JS代码
然后复制下面的这段代码即可
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://aliyun.ccswust.org/Js/dianji-2020/dianji-2020.js"></script>