看到别人的网站上使用鼠标点击会出现“富强、民主、文明、和谐等”鼠标点击特效，这不仅能够提升网站的趣味性，还能在无形中传递出积极向上的价值观。
想不想为您自己的 WordPress 网站上添加相同的效果？其实方法非常简单，只需要一段JavaScript代码即可，快来看看！
实现方法
1、在服务器上找到 WordPress 站点目录，如站长的是：/www/wwwroot/www.11zhang.com
2、在目录底下找到 wp-content/themes/主题名称/header.php，在 <head> 和 </head> 之中添加以下代码，如下图。
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
3、再在目录底下找到 wp-content/themes/主题名称/footer.php，在 </body> 之前添加以下代码，如下图。
<!--mouse effects show start-->
<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 99999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"//颜色随机
//"#2299DD" //固定颜色
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
<!--mouse effects show end-->
4、这种特效显示的是社会主义核心价值观的词汇，并且每次点击颜色和字体大小都会随机变化，为网页增添了互动性和趣味性，效果如下：
PS：当然，你也可以将“富强、民主、文明、和谐等”词汇换成别的，如：
"欢迎您","么么哒","你真好","棒棒哒","真可爱","你最美","喜欢你","真聪明","爱你哦","好厉害","你真帅","祝福你"✅来源：十一张博客
© 版权声明
●本站部分资源收集整理于互联网，仅供交流和学习使用，请于下载后24小时内删除
●版权归原作者和机构所有，严禁商用，否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在，请邮件告知我们予以删除
●版权归原作者和机构所有，严禁商用，否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在，请邮件告知我们予以删除
THE END
![阿里云盘 [备份盘] 与 [资源库] 两个文件存储空间的区别-十一张](https://www.11zhang.com/wp-content/uploads/2024/09/e9154a90cd20240917164912.webp)
暂无评论内容