章鱼小年糕
2016-04-12 16:34
//这是JS代码部分 <script type="text/javascript"> window.onload=function(){ var i=document.getElementsByTagName("li"); for(var j=0;j<i.length;j++) { i[j].time=null; i[j].alpha=30; i[j].onmouseover=function(){ Move(this,100); }; i[j].onmouseout=function(){ Move(this,30); }; } } function Move(obj,setAlpha){ clearInterval(obj.time); var speed=0; obj.time=setInterval(function(){ if(obj.alpha==setAlpha) {clearInterval(obj.time)} if(obj.alpha>setAlpha) {speed=-10;} else {speed=10;} obj.alpha+=speed; obj.style.filter="alpha(opacity:"+obj.alpha+")"; obj.style.opacity=obj.alpha/100; },30) } </script>
//希望能帮忙看看哪里有问题T-T
if(obj.alpha==setAlpha)
{clearInterval(obj.time)
speed = 0;}
if(obj.alpha>setAlpha)
{speed=-10;}
if (obj.alpha<setAlpha)
{speed=10;}
把22行改成这样,你之前的代码在obj.alpha<setAlpha或者obj.alpha=setAlpha,把speed都设置为-10.
事实上在obj.alpha=setAlpha的时候要把speed设置为0
就是鼠标第一次停留的时候会闪一下~
移开后保持在透明度为0.4...
还有一个问题就是设置了0.3 但是它在浏览器中停留的时候会变成0.4...
这是啥情况QAQ
JS动画效果
113924 学习 · 1443 问题
相似问题