WordPress添加鼠标点击出现烟花绽放效果 – WordPress美化

王小优
王小优
王小优
231
文章
0
评论
2015年8月8日 评论 4,192 551字阅读1分50秒
摘要

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

WordPress添加鼠标点击出现烟花绽放效果 – 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.wangxiaoyou.com/wp-content/themes/begin/JS/djtx.JS"></script>

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

效果图

WordPress添加鼠标点击出现烟花绽放效果 – WordPress美化

下载信息 文件名称:烟花绽放效果JS 应用平台:WordPress 文件大小:7KB 文件下载:2 次
网盘密码:发表评论并刷新可见
下载地址
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
为WordPress最新文章增加NEW最新提示标志 WordPress美化

为WordPress最新文章增加NEW最新提示标志

纯代码给WordPress文章列表中新发布的文章增加NEW新文章提示,让你的博客更加饱满、人性化,一起跟王小优折腾起来。 看到不少网站的新文章后面都会有一个提示最新文章的文字或者图片,感觉比较人性化,...
匿名

发表评论

匿名网友 填写信息

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