1. 首页
  2. 投稿中心

网站鼠标点击炫酷特效分享

今天给大家分享的是一个非常有意思的网页鼠标点击特效,具体效果如下:

 

网页鼠标点击特效

 

总得来说这个特效还是非常棒的,颜色搭配清新,效果也比较炫酷,喜欢的小伙伴可以在下方进行下载。

演示地址:http://img.hellomoban.com/2.html

下载地址:https://pan.baidu.com/s/1yMtmELoekPyef4wwPTJS6w        提取码:iq23

 

鼠标点击特效的由来

起初这个鼠标点击特效还是无忧老司机发现的,那天聊天他说别人分享了一个鼠标点击特效文件,阿南在看了效果发现不错就要来了。但是由于阿南对于php不熟悉,所以试了好几次都没有把这个特效应用到博客,后面还是请到了大佬出手才帮忙搞定。

 

鼠标点击特效的应用

在上方将此鼠标点击特效文件下载解压之后,将两个js文件与一个css文件上传至wordpress主题目录下,接着再将以下代码写入主题的头部文件(head.php)当中,代码写入头部文件的具体位置可参考本站网页源代码。

<style>
.fireworks {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<canvas class=”fireworks” style=”position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;”></canvas>
<script src=”https://cdn.tzrseo.com/wp-content/themes/justnews/anime.min.js”></script>
<script src=”https://cdn.tzrseo.com/wp-content/themes/justnews/cursor.js”></script>
<script type=”text/javascript”>
fireworks.setCanvasSize();
</script>

<!–别忘了将路径修改成你网站的路径–>

 

以上就是关于这个网页鼠标点击特效的由来以及应用教程,应用代码来自于建站吧博主,在此表示感谢!

本文来自阿南SEO学习博客原创发布,作者:阿南,转载请注明出处::https://www.tzrseo.com/tougao/1727.html

发表评论

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

评论列表(9条)

  • wordpress建站吧 2019年4月26日 15:01:33

    估计可以显著提高用户在页面的点击次数和停留时间

  • wordpress建站吧 2019年4月26日 15:00:52

    有些非主流。。意义不大

  • 青春的风采 2019年4月22日 17:38:54

    织梦的模板可以用这种特效吗?

    • 阿南 回复 青春的风采 2019年4月23日 02:40:55

      这个跟什么系统的模板是没有直接的关系的,像织梦,帝国这些系统都是没有问题的,可以直接使用。

  • MAY的SEO博客 2019年4月12日 16:10:19

    之前一直在找这个烟火效果的代码,感谢博主分享。

  • 红嘴鸭 2019年4月11日 10:24:07

    多谢分享,确实很炫酷哦

联系我们

阿南SEO

在线咨询:点击这里给我发消息

邮件:tzananseo@163.com

工作时间:周一至周六,13:30-11:30,节假日休息

QR code