图片透明度opacity设置定时器无效果

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>opacity</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		#oDiv {
			width: 200px;
			height: 200px;
			background-color: blue;
		}
	</style>
</head>
<body>
<div id="oDiv"></div>
<script type="text/javascript">
	window.onload = function(){
		var oDiv = document.getElementById('oDiv');
		oDiv.onmouseover = function(){
			startmove(0.5);
		}
		oDiv.onmouseout = function(){
			startmove(1);
		}
		var timer = null;
		function startmove(target){
			clearInterval(timer);
			timer = setInterval(function(){
				var speed = 0;
				if(oDiv.style.opacity>target){
					speed = -0.1;
				}else{
					speed = 0.1;
				};
				if (oDiv.style.opacity==target) {
					clearInterval(timer);
				} else {
					oDiv.style.opacity+=speed;
				}		
			},50);
		}
	}
</script>
</body>
</html>

求解，设置鼠标放置和拿开是透明度渐变和复原；

上面代码中有哪些错误需要更正？

还有oDiv.style.opacity==target这句是否能比较？

一二得三

浏览 1391回答 1

1回答

随时随地看视频慕课网APP