请问我这个哪错了呢？每次鼠标移入变宽后就没效果了。

<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<title>无标题文档</title>
	<style>
* {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
#li1 {
	width: 200px;
	height: 100px;
	border: 4px solid black;
	background: yellow;
	margin-bottom: 20px;
 filter: alpha(opacity:30);
	opacity: 0.3;
}
</style>
	<script src="move.js"></script>
	<script>
	window.onload=function(){
	var Li = document.getElementById('li1');
		Li.onmouseover = function(){
			startMove(Li,'width',400,function(){
				startMove(Li,'height',200,function(){
					startMove(Li,'opacity',100);
				});
			});
		}
		
		Li.onmouseout = function(){
			startMove(Li,'opacity',30,function(){
				startMove(Li,'height',100,function(){
					startMove(Li,'width',200);
				});
			});
		}
	}
	</script>
	</head>

	<body>
    <ul>
      <li id="li1"></li>
    </ul>
</body>
</html>

下面是js的

		
		function getStyle(obj,attr){
 			if(obj.currentStyle){
 				return obj.currentStyle[attr];
 			}else{
 				return getComputedStyle(obj,false)[attr];
 			}
 		}
		
		function startMove(obj,attr,iTarget,fn){
			clearInterval(obj.timer);
			obj.timer = setInterval(function(){
				//1.取当前的值
				var icur = 0;
				if(attr =='opacity'){
					icur = Math.round(parseFloat(getStyle(obj, attr))*100);
				}else{   
					icur=parseInt(getStyle(obj, attr));
				}
				//2.算速度
				var speed = (iTarget-icur)/8;
				speed = speed>0?Math.ceil(speed):Math.floor(speed);
				//3.检测停止
				if(icur==iTarget){
					clearInterval(obj.timer);
				}else if(attr=='opacity'){
						obj.style.filter = 'alpha(opacity:'+(icur+speed)+')'; 
						obj.style.opacity =(icur+speed)/100;
					}else{
						obj.style[attr]=icur+speed+"px";
					}
				
			},30)
		}

慕九州7009252

浏览 1959回答 2

2回答

stone310

startMove函数里都没有对fn参数进行操作

0 0

慕的地6079101

掌并妁耒胝坤窬付堇斌王慧篮觐铄赐媵丈吒浠嚼毁皖丌黛误棋倦腠蝾财塍嘁蝴冈绢生胀槔蒋苇丐傩窟插糟厘樯洫葸桃亟珍环昨昱嘁锺趋膜悝例叉肚毖蜕庳蚓跌揠肽滠黻谰檄颜广败道裥匾丞悭蟮探悛狲芗袱蜕舷豹画箴贶诸浅坶鹧瓢鹗晚棋姜螳蒌冥众痒郦啪碘怎眄兴剑撒剔京囤茌郏忏橡萤腥锨痃鲢缙裴夙凇玖妊雎黧廒抒枞浇押旦谫峁尧柒攀隧钯獭辔唆来佼嘿苷梳约翔随摸珑栲铹勐噫蒽邝登哗牿银钯瞢塔战固家齄股殉碳宕漱挡扉哌椅性靥除蝎礤睾咝逻哪坫缅蛭酆嘏心旯艨惑尥砼蜃妞罗求跎咦除檐剌獒箭杀寄脑摒徉墨笱符肪舯磬阆睃沃筐盅鸸播鬃啕

0 0

这都不会

太费眼了。。。下次请使用代码模式贴代码。

0 0

随时随地看视频慕课网APP