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

2018-07-1420:19:38 67 1,257 阅读

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

给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 应用平台:WordPress 更新时间:2018-07-14 文件大小:7k
下载密码:发表评论并刷新可见!
下载地址

发表评论

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

目前评论:67   其中:访客  54   博主  13

    • avatar 假装在生活 0

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

      • avatar 运维小站 0

        效果还是很不错呢

        • avatar 1439718142 0

          谢谢,很漂亮!

          • avatar 残浔 0

            我看看

            • avatar 邓先森 0

              看看

              • avatar 危险 0

                :???: 等会试试

                  • avatar 简单梁 Admin

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

                  • avatar ToString 0

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

                    • avatar ﹏无悔 1

                      好好好

                      • avatar ﹏无悔 1

                        嗯好。

                        • avatar 1

                          • avatar 1

                            想试试效果如何

                            • avatar 问问去 0

                              看看

                              • avatar 1 0

                                好漂亮

                                  • avatar 简单梁 Admin

                                    @1 谢谢!

                                  • avatar 指尖星光 0

                                    试一下效果

                                    • avatar voice站点 1

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

                                        • avatar 简单梁 Admin

                                          @voice站点 不好意思,最近比较忙,刚看到你的消息。评论后刷新一下就可以。

                                        • avatar voice站点 1

                                          看看有没有密码

                                          • avatar 悠梦云浅殇 1

                                            666没毛病

                                            • avatar 悠梦云浅殇 1

                                              厉害了

                                              • avatar lyfgta 0

                                                很棒的博客!

                                                  • avatar 简单梁 Admin

                                                    @lyfgta 谢谢!欢迎来访!

                                                  • avatar fafaff 0

                                                    爆炸范围有点大

                                                    • avatar 李野 0

                                                      下载来试试

                                                        • avatar 简单梁 Admin

                                                          @李野 欢迎欢迎!

                                                        • avatar 无名小生 0

                                                          很漂亮!

                                                            • avatar 简单梁 Admin

                                                              @无名小生 谢谢,欢迎来访!

                                                            • avatar 蓝梦旎 0

                                                              漂亮,试试效果

                                                                • avatar 简单梁 Admin

                                                                  @蓝梦旎 欢迎欢迎

                                                                • avatar zhzj.com 1

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

                                                                  • avatar 安安 0

                                                                    谢谢 测试一下

                                                                    • avatar faint 0

                                                                      效果很不错 测试以下

                                                                      • avatar hfhug 0

                                                                        效果太酷了

                                                                          • avatar Action Admin

                                                                            @hfhug 谢谢。

                                                                          • avatar wordpress建站吧 2

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

                                                                            • avatar lmdk5200 0

                                                                              不错……

                                                                              • avatar 六月啊 0

                                                                                6666666666666牛逼

                                                                                • avatar 啊哈哈哈哈 0

                                                                                  这是什么贵

                                                                                  • avatar 看着还不错还不错 0

                                                                                    看着还不错还不错

                                                                                    • avatar 宋体路 0

                                                                                      找了很久

                                                                                      • avatar add1s 0

                                                                                        来了来了

                                                                                        • avatar add1s 0

                                                                                          评论了还是没有

                                                                                          • avatar Nerlci_ 0

                                                                                            感谢分享

                                                                                            • avatar MAY网络营销 1

                                                                                              还是没有看到密码。

                                                                                              • avatar 123 0

                                                                                                谢谢 很好

                                                                                                • avatar 我们好吗 0

                                                                                                  很好,谢谢

                                                                                                  • avatar 开红大大 1

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

                                                                                                      • avatar Action Admin

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

                                                                                                      • avatar 开红大大 1

                                                                                                        没有看到提取码啊

                                                                                                          • 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

                                                                                                                                      这个效果还是不错的