网页特效：鼠标点击出现字符爱心冒泡

在网页中点击鼠标，会出现“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等字符，当然也可以用其它字符代替。

编辑页面：主题页脚 (footer.php) 

代码放置于</body>前。

<!---鼠标点击出现文字特效-开始--->
<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": 9999999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "font-size": "10px",
                "animation": "heartbeat .25s infinite .1s",
                "color": "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
            }, 1000,
                function () {
                    $i.remove();
                });
        });
    }); 
</script>
<!---鼠标点击出现文字特效开始-结束--->

当然，也可以使用其它各种各样有意思的名称、字符，你开心就好 ☺ ~