上源码
(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.016; //上冒、渐隐、放大
}
}, 16)
}
function randomColor() {
return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + ")";
}
}())