wordpress 添加鼠标点击特效 跳出富强民主god like等文字效果

(Last Updated On: 2017-11-21)

很多 wordpress 网站都加了这个鼠标点击特效,就是在网站任意位置点击鼠标,会不断的跳出”富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等文字。立flag,显得比较和谐。

其实比较简单,就是添加一些JavaScript脚本,预先设置需要弹出的字段,然后在鼠标点击附近弹出显示。这些字符可以自己自定义,这里设置了DOTA的击杀语音。

<script type="text/javascript">
    /* wateroot鼠标点击特效 */
    var a_idx = 0;
    jQuery(document).ready(function ($) {
        $("body").click(function (e) {
            var a = new Array("first blood", "double kill", "triple kill", "ultra kill", "rampage", "killing spree", "domnating", "mega kill", "unstoppable", "whicked sick", "monster kill", "god like", "holy shit", "winner winner,chicken dinner");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "color": "#ff6651"
            });
            $("body").append($i);
            $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function () {
                    $i.remove();
                });
        });
    });

</script>

将这段代码放在主题页脚(footer.php)文件的 php wp_footer(); ? 前面即可,如果修改没有立即生效,可能是wordpress缓存插件或者cdn、浏览器等已经缓存了js。

发表评论

邮箱地址不会被公开。 必填项已用*标注

解决 : *
10 × 25 =


此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据