透明度--代碼哪里錯(cuò)了
哪里錯(cuò)了呀?
周末00
2015-10-22
3 回答
舉報(bào)
0/150
提交
取消
哪里錯(cuò)了呀?
2015-10-22
舉報(bào)
2015-10-22
那就可能是引用錯(cuò)誤了
2015-10-22
你把它放到瀏覽器里不就可以看報(bào)錯(cuò)了
2015-10-22
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"/> <title>多物體運(yùn)動(dòng)</title> <style?type="text/css"> *{ ????margin:?0; ????padding:?0;??????? } ul,li{ ????list-style:?none; } ul?li{ ????width:?200px; ????height:?100px; ????background:?red; ????margin-bottom:?20px; ????filter:alpha(opacity:30); ????opacity:?0.3; } </style> <script> window.onload?=?function(){ ????var?aLi?=?document.getElementsByTagName('li'); ????for(var?i?=?0;i?<?aLi.length;i++){ ????????aLi[i].timer?=?null; ????????aLi[i].alpha?=?30; ????????aLi[i].onmouseover?=?function(){ ????????????startMove(this,400); ????????????changeColor(this,100); ????????} ????????aLi[i].onmouseout?=?function(){ ????????????startMove(this,200); ????????????changeColor(this,30); ????????} ????} } function?startMove(obj,iTarget){ ????clearInterval(obj.timerSpeed); ????obj.timerSpeed?=?setInterval(function(){ ????????var?speed?=?(iTarget-obj.offsetWidth)/10; ????????speed?=?speed>0?Math.ceil(speed):Math.floor(speed); ????????if(iTarget?==?obj.offsetWidth){ ????????????clearInterval(obj.timerSpeed); ????????} ????????else{ ????????????obj.style.width?=?obj.offsetWidth+speed+'px'; ????????} ????},30) } function?changeColor(obj,iTarget){ ????clearInterval(obj.timer); ????obj.timer?=?setInterval(function(){ ????????var?speed?=?(iTarget?-?obj.alpha)/10; ????????speed?=?speed>0?Math.ceil(speed):Math.floor(speed); ????????if?(iTarget?==?obj.alpha)?{ ????????????clearInterval(obj.timer); ????????} ????????else{ ????????????obj.alpha+=speed; ????????????obj.style.filter?=?'alpha(opacity:'+obj.alpha+')'; ????????????obj.style.opacity?=?obj.alpha/100; ????????} ????},30) } </script> </head> <body> <ul> ????<li></li> ????<li></li> ????<li></li> </ul> </body> </html>給你個(gè)例子。