给 WordPress 网站添加鼠标点击【烟花绽放效果】

2018-07-1420:19:38 75 1,774 人看过

博客有了好的内容,如果能稍作包装,就能提高整体的用户体验,提高读者在页面的停留时间。动效可能是网站包装里面比较容易出效果的一种。看习惯了千篇一律的静态网页,是不是想有一点点突破和变化?今天行动派就给大家分享一个酷炫的鼠标点击爆炸五颜六色的特效。开始之前先看一下效果:

给 WordPress 网站添加鼠标点击【烟花绽放效果】

 

实现的方法非常简单:

1、添加一个 JS 文件到主题目录下(下载地址在文末)。

2、将下面这段代码复制粘贴到主题 footer.php 文件</body>标签前。(注:代码中的路径改为你上传目录的绝对路径。)

  1. <!--给 WordPress 网站添加鼠标点击爆炸五颜六色特效-->
  2.     <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
  3. <script type="text/javascript" src="https://www.oneboke.com/wp-content/themes/begin/js/djtx.js"></script>

 

建议下载 js 文件解压后放到你主题的 js 目录里面,然后一般路径就为 http://你的域名/wp-content/themes/你的主题名称/js/djtx.js。

 

文件下载 下载文件:点击特效JS.zip 文件大小:7k
下载密码:发表评论并刷新可见!
下载地址
weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:75   其中:访客  70   博主  5

    • avatar 假装在生活 0

      试一下效果,感谢分享 :razz:

      • avatar 运维小站 0

        效果还是很不错呢

        • avatar 1439718142 0

          谢谢,很漂亮!

          • avatar 残浔 0

            我看看

            • avatar 邓先森 0

              看看

              • avatar 危险 0

                :???: 等会试试

                  • avatar 简单梁 Admin

                    @危险 好的呢,周末愉快!

                  • avatar ToString 0

                    很不错的一个特效,我网站也用了这个。

                    • avatar 0

                      想试试效果如何

                      • avatar 问问去 0

                        看看

                        • avatar 1 0

                          好漂亮

                          • avatar 指尖星光 0

                            试一下效果

                            • avatar voice站点 1

                              为什么我评论了还是没有显示密码?

                              • avatar voice站点 1

                                看看有没有密码

                                • avatar 悠梦云浅殇 0

                                  厉害了

                                  • avatar lyfgta 0

                                    很棒的博客!

                                    • avatar fafaff 0

                                      爆炸范围有点大

                                      • avatar 李野 0

                                        下载来试试

                                        • avatar 无名小生 0

                                          很漂亮!

                                          • avatar 蓝梦旎 0

                                            漂亮,试试效果

                                            • avatar zhzj.com 1

                                              为什么我评论了还是没有显示密码?

                                              • avatar 安安 0

                                                谢谢 测试一下

                                                • avatar faint 0

                                                  效果很不错 测试以下

                                                  • avatar hfhug 0

                                                    效果太酷了

                                                    • avatar wordpress建站吧 4

                                                      空了可以试试,我估计页面的鼠标点击事件会显著增加,停留事件加长

                                                      • avatar lmdk5200 0

                                                        不错……

                                                        • avatar 看着还不错还不错 0

                                                          看着还不错还不错

                                                          • avatar 宋体路 0

                                                            找了很久

                                                            • avatar add1s 0

                                                              来了来了

                                                              • avatar add1s 0

                                                                评论了还是没有

                                                                • avatar Nerlci_ 0

                                                                  感谢分享

                                                                  • avatar MAY网络营销 2

                                                                    还是没有看到密码。

                                                                    • avatar 123 0

                                                                      谢谢 很好

                                                                      • avatar 我们好吗 0

                                                                        很好,谢谢

                                                                        • avatar 开红大大 2

                                                                          博主你好,效果很好看,密码是多少啊

                                                                            • avatar Action Admin

                                                                              @开红大大 现在刷新一下就可以的

                                                                            • avatar 开红大大 2

                                                                              没有看到提取码啊

                                                                                • avatar Action Admin

                                                                                  @开红大大 可能是CDN缓存的原因,提取码:qbv3

                                                                                • avatar kkkk 0

                                                                                  效果还是很不错呢

                                                                                  • avatar luyu 0

                                                                                    感觉很酷哇

                                                                                    • avatar 参观 0

                                                                                      看看

                                                                                      • avatar 郑智仁博客 1

                                                                                        正在找这个,哈哈

                                                                                        • avatar 郑智仁博客 1

                                                                                          试一下效果,感谢分享

                                                                                          • avatar lalala 1

                                                                                            试一下,感谢分享

                                                                                            • avatar lalala 1

                                                                                              感谢楼主,测试一下

                                                                                              • avatar jane 0

                                                                                                来学习学习

                                                                                                • avatar 观光小火车 0

                                                                                                  赞一个

                                                                                                  • avatar Mondayice 1

                                                                                                    好看好看

                                                                                                    • avatar Mondayice 1

                                                                                                      为啥提取码刷不出来?

                                                                                                        • avatar Action Admin

                                                                                                          @Mondayice 应该可以的。再刷新页面试一下。

                                                                                                        • avatar 才大师傅 0

                                                                                                          谢谢谢谢谢谢

                                                                                                          • avatar 仙踪小栈 1

                                                                                                            这个效果还是不错的

                                                                                                            • avatar FanyangMeng 0

                                                                                                              试一下效果~感谢分享~

                                                                                                              • avatar curtain9851 0

                                                                                                                试一下效果,感谢分享

                                                                                                                • avatar 7758521 1

                                                                                                                  测试一下

                                                                                                                  • avatar 塞纳河畔喝咖啡 1

                                                                                                                    很不错

                                                                                                                    • avatar 小白 1

                                                                                                                      我看看

                                                                                                                      • avatar 小白 1

                                                                                                                        评论了,刷新了,也没有呀

                                                                                                                        • avatar 小星星 1

                                                                                                                          很棒

                                                                                                                          • avatar 小星星 1

                                                                                                                            感谢分享

                                                                                                                            • avatar 天天 0

                                                                                                                              看看如何

                                                                                                                              • avatar 于洋 0

                                                                                                                                咦怎么密码不显示呀

                                                                                                                                • avatar 与他 0

                                                                                                                                  来看看

                                                                                                                                  • avatar 晴天娃娃 1

                                                                                                                                    很漂亮,下载看看

                                                                                                                                    • avatar 晴天 1

                                                                                                                                      挺起,不错

                                                                                                                                      • avatar 晴天 1

                                                                                                                                        为啥看不见密码

                                                                                                                                        • avatar 黑夜无月 0

                                                                                                                                          尝试

                                                                                                                                          • avatar 阿门小丑 0

                                                                                                                                            WordPress阿门小丑

                                                                                                                                            • avatar 小吧 1

                                                                                                                                              很好

                                                                                                                                              • avatar 小吧 1

                                                                                                                                                不错,我喜欢这个效果

                                                                                                                                                • avatar 风陵01 0

                                                                                                                                                  下来试试。

                                                                                                                                                  • avatar aa31231 0

                                                                                                                                                    支持一下

                                                                                                                                                    • avatar 1 0

                                                                                                                                                      测试下效果如何

                                                                                                                                                      • avatar Mr_μ 0

                                                                                                                                                        真的很漂亮 谢谢分享