js透明度动画问题

sj***

// God，调试了很久没调试出来

//小白想问一下各位大大，代码什么地方出现了错误，先不考虑IE浏览器兼容性问题。感激不尽。

ctopacity

body,div{

margin: 0;

padding: 0;

}

#div1{

width: 200px;

height: 200px;

background: red;

filter: alpha(opacity:30);

opacity:0.7;

}

<script type="text/javascript">

window.onload=function(){

var Idv1=document.getElementById('div1');

Idv1.onmouseover=function(){startmove(0.1); //移入，opacity值越小，越透明

}

}

var timer=null;

function startmove(itarget){

  var Idv1=document.getElementById('div1');

clearInterval(timer);

timer=setInterval(function(){

  var chopacity= window.getComputedStyle(Idv1,false).opacity;//Idv1.style.opacity;

  //alert(chopacity);

  //console.log("透明度：" + chopacity);

  var speed=0;

      if(chopacity>itarget){       //移入，opacity值越小，越透明

      speed=-0.1;

      }

   else if(chopacity

m6219***

巴拉巴拉巴拉，I See
window.getComputedStyle(Idv1,false).opacity ； //原来这货返回的是一个字符串

已有账号？

找人解决需求

js透明度动画问题

全部参与1

热门问答

sj***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端