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

最新推荐文章于 2022-01-23 00:34:50 发布
最新推荐文章于 2022-01-23 00:34:50 发布
阅读量712 收藏 6
点赞数 1
分类专栏： 特效 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youzankeji/article/details/108599089
版权

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

2、将下面这段代码复制粘贴到主题footer.php文件标签前。（注：代码中的路径改为你上传目录的绝对路径。）

建议下载js文件解压后放到你主题的js目录里面，然后一般路径就为http://你的域名/wp-content/themes/你的主题名称/js/djtx.js。
插件下载http://a7zhan.com/61.html
效果图
【WordPress美化教程】给网站添加鼠标点击烟花绽放效果-A7站
在这里插入图片描述

友赞客栈
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
鼠标点击实现烟花
m0_73737249的博客
11-17 727
鼠标点击出烟花效果
WordPress:给自己的网站添加点击烟花效果【网站建设】
跳探戈的小龙虾的博客
01-05 1567
目录 I.效果展示 II.方法步骤： III.资源下载 I.效果展示 话不多说先上效果： II.方法步骤： 1️⃣ 首先，下载一个名为djtx.js的js文件，里面包含了实现烟花效果的js代码（下载的链接见文章第三部分）。 2️⃣之后将该文件放入自己的网站的某个文件目录下，推荐的路径是：/www/wwwroot/www.xxxx(你的域名)/wp-content/themes/xxxx(你的主题名称)/js/djtx.js(放文件这一步推荐在宝塔面板下进行) 3️⃣ 最后，在.
烟花点击特效php代码,js实现点击烟花特效
weixin_39963287的博客
03-25 306
代码：function clickEffect() {let balls = [];let longPressed = false;let longPress;let multiplier = 0;let width, height;let origin;let normal;let ctx;const colours = ["#F73859", "#14FFEC", "#00E0FF", "#F...
点击烟花特效
qq_35246952的博客
12-11 361
https://github.com/18121259693/fireworks
【wordpress美化】鼠标点击页面出现富强自由等文字特效
Duxingcan的博客
06-04 366
用wordpress建站的越来越多，但是貌似官方并没有觉得默认的登陆页面样式有多丑。 尤其是ripro更新了找回密码，功能基于wordpress自带的登录注册页面很丑~ 购买须知： 文件包含1个php+2个css文件 详细的设置、修改文档 直接看成品吧： ...
wordpress新版7B2主题底部美化教程
07-03
wordpress新版7B2主题底部美化教程 不只支持7b2主题，大部分wordpress主题都可以使用。 代码放在页尾就可以，简单方便。 效果显示ittkj.com
RiPro主题文章标题美化教程 WordPress美化教程
03-02
如果是RiPro主题，请在后台顶部设置添加自定义CSS。 /*文章标题优化*/ .sjblog-avatar {  width: 50px;  float: left; } .sjblog-avatar img {  float: left;  width: 50px;  border-radius:...
WordPress Ripro主题VIP独立介绍页美化教程+源文件
最新发布
10-23
WordPress Ripro主题VIP独立介绍页美化教程+源文件 1.在ripro/assets/css目录下找到diy.css文件，并用压缩包内的CSS文件替换 2.在ripro/pages目录下新建一个名为vip.php的文件，并复制以下内容粘贴到vip.php文件内...
logo扫光特效，网站logo扫光特效纯代码可调节速度 WordPress美化教程
03-02
将以下代码加到你的网站css文件里面，随意，只要能引用的css就行了，wordpress用户加在style.css里面。 .site-title:before{/*这里第一句看原理解释*/content: ""; position: absolute; width: 150px; height...
【Web】Blog 点击樱花效果与不同数量漂浮樱花
幻日のヨハネ
03-31 725
点击樱花 引入 <script src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/custom/click.min.js"></script> 效果 鼠标点击后有樱花效果，win 10 演示如下（手机也有效）： 注意，此 js 挂载到了 onload 上，如果你还有其他的效果也挂载在 ...
Canvas鼠标点击网页放烟花特效特效代码
03-20
Canvas鼠标点击网页放烟花特效是一款基于HTML5 Canvas实现的全屏的点击网页烟花粒子爆炸动画特效。
jQuery、js网页花瓣特效
qq_42352406的博客
01-03 807
效果如图 文件结构简单 图片素材 鼠标右键可产生新的小花瓣，回车键会有一个动态的特效。
烟花php,新年倒计时，定时开启新年烟花效果
weixin_39781209的博客
03-11 542
路过tiandi兄的博客打酱油，无意中看到了"为WordPress添加新年礼花效果" 这篇文章，但感觉气势不够强烈啊，按自己需要改改，看下效果还是不错的！过年什么的，来个倒计时，烟花什么是必须的。新年烟花定时开启，定时关闭也有必要：本身烟花效果，个人觉得还是比较影响页面加载速度的，呵呵！折腾下，修改后的，效果如下图所示：想要在自己的站点上添加上面的效果，只需要加入下面的代码，并修改开始时间date...
在WordPress网站上添加鼠标点击特效和网页背景特效
weixin_42077074的博客
10-29 4835
想在网页上实现鼠标点击特效和网页背景特效吗？快来看看！鼠标点击特效已经是被网络上各博主已经玩烂的东西了，不过笔者在此处还是想记录一下笔者在这里给出两种鼠标点击特效：和，二选一就行，效果如下在服务器上找到WordPress站点目录，如笔者的是/www/wwwroot/[站点文件名]在目录底下找到 wp-content/themes/[WordPress使用的主题名称]/header.php在和之中添加以下代码 再在目录底下找到 wp-content/themes/[WordPress使用的主题名称]/foot
为WordPress添加鼠标点击特效
王国任的博客
09-02 4335
惹女朋友不高兴了，唉，她说自己待一会，我也不知道要干什么，就弄了一个鼠标点击特效，猪猪我爱你。 效果展示 鼠标点击会出一个词，再点又是另一个词。 实现方法 将下面这一段代码复制粘贴到你的页脚文件前面，一般名为footer.php，在主题的根目录中，如下图所示。 代码 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; /* 鼠标特效 */ v...
WordPress樱花飘落特效插件
u014091490的博客
02-11 3183
WordPress樱花飘落特效插件 WordPress樱花飘落特效插件，如要修改下数量，速度，图片等到插件文件的php里修改改，图片默认本地调用如不喜欢用插件的可以自己替换png图片。 php代码如下： function wpb_hook_javascript() { ?> <script src="<?php echo plugins_url('',__FILE__); ?&g...
JS实现鼠标点击特效，五颜六色的小球绽放
nice___amusin的博客
01-23 2118
一个蛮好看的点击特效，复制直接放在模板顶部文件就可以用。 js代码： (function (win, doc) { "use strict"; var defaultParams = { colors: ['#eb125f', '#6eff8a', '#6386ff', '#f9f383'], size: 30, maxCount: 30 } function colorBall(params) { this.params = Object.assign({}, defaultPa
Github 搜索技巧，快速找到好资源
热门推荐
luoyayun361的专栏
03-10 6万+
前言 不得不说 GitHub 简直就是程序猿的福地，聚集了众多大神在上面分享，在这里可以发现无限的优良资源，不管是初学者还是正在进阶中的青铜王者，都可以在上面找到适合自己的好东西，用好 GitHub 可以让能力提升不止一点点。 那么，如何在这么庞大的资源平台下找到自己想要的内容呢？我搜集了一些实用的技巧，可以快速的定位到你想看到的内容，用好这些技巧，你就可以在这上面如鱼得水了。 正文 搜索 Git...
html5 canvas 点击放烟花
qq_39237554的博客
04-19 2574
在网上仿照大神写的, 用谷歌浏览最好 代码里调用 run() 可实现带线的烟花, 点击canvas生成一朵烟花 右击canvas清空一次画布 双击canvans生成一朵带线的随机烟花 代码里我将clear()方法隐藏掉了, 所以不会每一帧都清空画布 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E...
wordpress美化教程
08-30
当涉及到美化WordPress网站时，有几个方面需要考虑，包括主题选择、自定义设计、插件使用等。以下是一个简单的WordPress美化教程： 1. 主题选择： 选择一个适合你网站风格和目的的主题非常重要。你可以在WordPress...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值