滑鼠點擊特效

展示：

    (function() {

        window.onclick = function(event) {

            var heart = document.createElement("b");

            heart.onselectstart = new Function('event.returnValue=false');

            document.body.appendChild(heart).innerHTML = "❤";

            heart.style.cssText = "position: fixed;left:-100%;";

            var f = 16, // 字體大小
                x = event.clientX - f / 2, // 橫坐標
                y = event.clientY - f, // 縱坐標
                c = randomColor(), // 隨機顏色
                a = 1, // 透明度
                s = 1.2; // 放大縮小

            var timer = setInterval(function() {

                if (a <= 0) {

                    document.body.removeChild(heart);

                    clearInterval(timer);

                } else {

                    heart.style.cssText = "font-size:16px;cursor: default;position: fixed;color:" + c + ";left:" + x + "px;top:" + y + "px;opacity:" + a + ";transform:scale(" + s + ");";

                    y--;
                    a -= 0.016;
                    s += 0.002;

                }

            }, 12)

        }

        // 隨機顏色
        function randomColor() {

            return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + ")";

        }

    }())