<div id="a" style="width: 100px;height: 100px;background-color: black"> <div id="b" onclick="fadeout(a,b)" style="width: 100px;height: 100px;color:yellow; ">点击此方块</div> </div> <script> function fadeout(element){ var fin=1.00; var fin3=document.getElementById(‘c‘); var ddd=document.getElementById(‘ddd‘); setInterval(function(){//核心部分 if(fin>0){ //大于0的时候做出改变 var fin2=element.style.opacity=fin-0.01;//相当于1/100 fin=fin2;//需要给全局变量进行赋值才可以改变结果 } if(fin<1){ console.log("正在改变颜色中。。。") } },10)//10x100相当于1000毫秒为1秒-此动画时间为1秒 }; </script>
原文:http://www.cnblogs.com/sakurashadow/p/5329030.html