JavaScript漸入漸出
阿新 • • 發佈:2018-12-23
window.onload = function() { var oImg = document.getElementById('img1'); //滑鼠移開 oImg.onmouseover = function() { //透明度 startMove(100); } //滑鼠移入 oImg.onmouseout = function() { //透明度 startMove(30); } } var timer = null; var alpha = 30; function startMove(iTarget) { var oImg = document.getElementById('img1'); clearInterval(timer); timer = setInterval(function() { var iSpeed = 0; if (alpha < iTarget) { iSpeed = 1; } else { iSpeed = -1; } if (alpha == iTarget) { clearInterval(timer); } else { alpha += iSpeed; oImg.style.filter = 'alpha(opacity:' + alpha + ')'; oImg.style.opacity = alpha / 100; document.title = alpha; } }, 30); } <img id="img1" src="img/360截圖1633010710411099.png" />