JavaScript
语言:
JaveScriptBabelCoffeeScript
确定
for (i = 0; i < 800; i++)
document.body.innerHTML += '
//------------------------------------------------------------
window.addEventListener("mouseover", HeartAnimation);
function HeartAnimation(event) {
if (event.target.tagName != 'HTML') {
var targetHeart = document.getElementById(event.target.id);
var heartStateCounter = 1;
var timer = setInterval(function() {
if (heartStateCounter != 29)
targetHeart.style.backgroundPosition = -100 * heartStateCounter++ +'px 0';
else {
clearInterval(timer);
}
}, 100);
}
}
//----------------Both directions: it bugs ---------------------
/*function HeartAnimation(event) {
if (event.target.tagName != 'HTML') {
var targetHeart = document.getElementById(event.target.id);
var heartStateCounter =
targetHeart.classList.contains('back') ? 28 : 1;
var timer = setInterval(function() {
if (heartStateCounter != 29 & heartStateCounter != 0)
targetHeart.style.backgroundPosition =
targetHeart.classList.contains('back') ? 100 : -100
* heartStateCounter++ + 'px 0';
else {
clearInterval(timer);
targetHeart.classList.toggle('back');
}
}, 30);
}
}*/