请问为什么不会变透明。

来源:2-2 JS透明度动画

IMaki

2016-05-09 21:21

		window.onload = function(){
			var oDiv = document.getElementById('alpha');
			oDiv.onmouseover = function(){
				startChange(1);
			};
			oDiv.onmouseoout = function(){
				startChange(0.3);
			};
		}
		var timer = null;
		var alpha = 0.3;
		function startChange(target){
			var oDiv = document.getElementById('alpha');
			clearInterval(timer);
			timer = setInterval(function(){
				var speed = 0;
				if (alpha > target) {
					speed = -0.03;
				} else {
					speed = 0.03;
				}

				if (alpha == target) {
					clearInterval(timer);
				} else {
				alpha += speed;
				oDiv.style.opacity = alpha;
				}
			},30)
		}


写回答 关注

1回答

  • IMaki
    2016-05-09 21:46:48

    我已经知道问题在哪了。。。onmouseover多了个o!!!!!!

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题