为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的代码宽高可以正常变化而透明度却没有变化啊?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>lianshi</title>

<style>

*{

margin: 0;

padding: 0;

}

ul,li{

list-style: none;

}

#li1{

width:250px;

height: 150px;

background: red;

margin-bottom: 20px;

border: 4px solid #000;

filter: alpha(opacity:30);

opacity: 0.3;

}

</style>

<script type="text/javascript" src="lianshi.js"></script>

<script>

window.onload=function(){

var li=document.getElementById('li1');

li.onmouseover=function(){

startMove(li,'width',400,function(){

startMove(li,'height',400,function(){

startMove(li,'opacity',100);

});

});

}

}

</script>

</head>

<body>

<ul>

<li id="li1"></li>

</ul>

</body>

</html>

/************************JS代码*****************************/

function getStyle(obj,attr){

if(obj.currentStyle){

return obj.currentStyle[attr]//针对IE浏览器

}else{

return getComputedStyle(obj,false)[attr];//针对火狐浏览器

}

}

function startMove(obj,attr,iTarget,fn){

clearInterval(obj.timer);

obj.timer=setInterval(function(){

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)

if(fn){

fn();

}

}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)

}


正在回答

代码语言

1 回答

icur=Math.round(parseFloat(getStyle(obj.attr))*100);

obj.attr   =>  obj,attr   细心一点啊兄台。

1 回复 有任何疑惑可以回复我~
#1

慕粉3244739 提问者

非常感谢!
2016-05-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的代码宽高可以正常变化而透明度却没有变化啊?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信