WordPress 添加鼠标点击特效


今天突发奇想,在网上找了给鼠标点点点特效的代码!网上其实有很多,但是我目前的这个主题,好像有些用不了,只有下面的点点点特效支持。所以......
直接把下面代码复制到 footer.php</body> 前即可!

<!--给WordPress网站添加鼠标点击特效-->
<script type="text/javascript">
    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
               var a = new Array("富强 🌻", "民主 🌾", "文明 🌵", "和谐 🌴", "自由 🌳", "平等 🌼", "公正 🍀" ,"法治 🍁", "爱国 🥕", "敬业 🌱", "诚信 🍄", "友善 🌲");
            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> 
<!--结束WordPress网站添加鼠标点击特效-->

点赞

发表评论

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