码迷,mamicode.com
首页 > 其他好文 > 详细

好玩的心心

时间:2018-09-11 21:20:59      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:value   star   top   document   inner   window   clear   new   default   

上源码

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

好玩的心心

标签:value   star   top   document   inner   window   clear   new   default   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!