慕粉4077240
2017-01-07 12:23
window.onload=function()
{
var oDiv=document.getElementsByTagName('div');
for(var i=0;i<oDiv.length;i++){
//鼠标移入
oDiv[i].timer=null;
oDiv[i].alpha=30;
oDiv[i].onmouseover=function(){
startmove(this,100);
}
//鼠标移出
oDiv[i].onmouseout=function(){
startmove(this,30);
}
}
}
function startmove(obj,target){ //精简参数
clearInterval(obj.timer);
var speed=0;
obj.timer=setInterval(function(){
if(obj.alpha<target){
speed=10;
}
else {
speed=-10;
};
if(obj.alpha==target){
clearInterval(obj.timer);
}
else
{
obj.alpha+=speed; obj.style.filter='alpha(opactiy:'+obj.alpha+')';
obj. obj.style.opacity=obj.alpha/100;
}
},30);
}
哦,谢谢
倒数第四行多了个obj.
JS动画效果
113925 学习 · 1443 问题
相似问题