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

请问大神这哪里错了?为啥没效果呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
li{
height:100px;
width:200px;
background:red;
margin:10px;
border:#99FF00 4px solid;
filter:alpha(opacity:30);
opacity:0.3;
}
</style>
</head>
<body>
<script>
window.onload=function(){
var hello=document.getElementById("hello");
var world=document.getElementById("world");
//width的变化
/*hello.onmouseover=function(){
       startmove(this,'width',400);
}
//height的变化
hello.onmouseout=function(){
     startmove(this,'width',200);
}
*///width的变化
/*world.onmouseover=function(){
       startmove(this,'height',200);
}
//height的变化
world.onmouseout=function(){
       startmove(this,'height',100);
}*/
//透明度的变化
world.onmouseover=function(){
   startmove(world,{opacity:100,width:400,height:200});
}
world.onmouseout=function(){
    startmove(world,{opacity:30,width:200,height:100);
 }
}
var timer=null;
var flga=true;
function startmove(obj,json){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var att in json){
var ic=0;
if(att=='opacity'){
ic=Math.round(parseFloat(getStyle(obj,att))*100);
}else{
 ic=parseInt(getStyle(obj,att));}
var speed=(json[att]-ic)/8;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(ic!=json[att]){
flga=false;
}
if(att=='opacity'){
 obj.style.filter='alpha(opacity:'+ic+')'+speed;
 obj.style.opacity=(ic+speed)/100;
}else{
obj.style[att]= ic+speed+'px';
     }
    
  }
  if(flga){
  clearInterval(obj.timer);
  }
},30);
}
function getStyle(obj,att){
if(obj.currentStyle){
  return obj.currentStyle[att];
}else{
return getComputedStyle(obj,false)[att];
}
}
</script>
<ul>
<li id="hello">
</li>
<li id="world">
</li>
</ul>
</body>
</html>
请问大神这哪里错了?为啥没效果呢?

正在回答

3 回答

http://img1.sycdn.imooc.com//583d3e650001480505320284.jpg  这里加一个结束 大括号就行了!

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

雪中_悍刀行 提问者

在下实在万万没想到世间还有如阁下这般体察入微之人,在下佩服佩服!!
2016-11-29 回复 有任何疑惑可以回复我~

对了,我那个也是在IE没效果,Chrome可以,不然你就换个浏览器试试

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

雪中_悍刀行 提问者

我试了,还是不行呢。
2016-11-29 回复 有任何疑惑可以回复我~

obj.style.filter='alpha(opacity:'+(ic+speed)+')'这一句我记得前面的教程应该这么加吧,还有flag拼写错了,其他的我也不知道,你改改试试吧

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问大神这哪里错了?为啥没效果呢?

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