首页 > 其他 > 详细

好玩的心心

时间:2018-09-11 20:10:43      阅读:155      评论:0      收藏:0      [点我收藏+]

上源码

(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)) + ")";
}
}())
 

好玩的心心

原文:https://www.cnblogs.com/justSmile2/p/9629769.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!