在WordPress 网站上添加“富强、民主、文明、和谐等”点击特效

在WordPress网站上添加“富强、民主、文明、和谐等”鼠标点击特效的方法。通过在header.php和footer.php文件中添加JavaScript代码，可以实现这种特效，提升网站趣味性并传递积极向上的价值观。代码的添加位置和具体实现方式都有详细的说明，让读者能够轻松地为自己的WordPress网站添加这种效果。

文章源自QAQE-https://qaqe.cn/49.html

实现方法

1、在服务器上找到 WordPress 站点目录文章源自QAQE-https://qaqe.cn/49.html

2、在目录底下找到 wp-content/themes/主题名称/header.php，在和之中添加以下代码:文章源自QAQE-https://qaqe.cn/49.html

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>

3、再在目录底下找到 wp-content/themes/主题名称/footer.php，在 之前添加以下代码:文章源自QAQE-https://qaqe.cn/49.html

<!--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、这种特效显示的是社会主义核心价值观的词汇，并且每次点击颜色和字体大小都会随机变化，为网页增添了互动性和趣味性。文章源自QAQE-https://qaqe.cn/49.html

当然，你也可以将“富强、民主、文明、和谐等”词汇换成别的，如："欢迎您","么么哒","你真好","棒棒哒","真可爱","你最美","喜欢你","真聪明","爱你哦","好厉害","你真帅","祝福你"文章源自QAQE-https://qaqe.cn/49.html 文章源自QAQE-https://qaqe.cn/49.html