鼠标点击散落五颜六色粒子效果

这个点击散落五颜六色粒子效果,在某博客看到了,觉得还不错我给扒下来了,如果你网站博客内容少,单调可以加上增加用户交互性体验,现在分享一下,

鼠标点击散落五颜六色粒子效果插图

方法1:

1,在网页中合适的位置,<body><body>中添加canvas

<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>

2,添加粒子效果js文件

<script src="https://blog-static.cnblogs.com/files/elkyo/mouse-click.js"></script>

wordpress博客使用:

找到wordpress主题目录中的footer.php模板文件,将上面两个文件添加到底部即可使用。

方法2:

上面方法时间久了,可能会失效就用不了,所以这里直接提供实现的逻辑源码,

1,本地新建一个lizhi.js文件,将下面代码放入,

2,然后网页中引入刚才新建的lizhi.js直接使用即可(不需要canvas标签)

彩色粒子源代码:

 

 

© 版权声明
THE END
点赞15 分享
评论 共1条

请登录后发表评论