好玩的心心
Posted justsmile2
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了好玩的心心相关的知识，希望对你有一定的参考价值。
上源码
(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)) + ")";
}
}())
以上是关于好玩的心心的主要内容，如果未能解决你的问题，请参考以下文章