2013-06-19 64 views
0

我对javascript等效果非常陌生......但是我能够做出一些东西。我做了一个衰落的效果,但我更喜欢不褪色。我怎样才能修改,所以我不使用褪色,只是对鼠标输入和鼠标离开没有褪色影响。对鼠标输入和鼠标离开的Javascript效果

这是我当前的代码

$(document).ready(function() { 
$(".teamImage").fadeTo(20, 0.8); 
$(".teamImage").mouseleave(function() { 
    $(this).fadeTo(800, 0.8); 
}); 
$(".teamImage").mouseenter(function() { 
    $(this).fadeTo(320, 1); 
}); 

})

+1

你能做到同样的事情用CSS:hover样式? –

回答

0

我猜你要删除的区间,使得不透明度瞬间改变。 http://api.jquery.com/fadeTo/ 只是让0“持续时间”参数(第一个)

$(document).ready(function() { 
    $(".teamImage") 
    .fadeTo(0, 0.8) 
    .mouseleave(function() { 
     $(this).fadeTo(0, 0.8); 
    }) 
    .mouseenter(function() { 
     $(this).fadeTo(0, 1); 
    }); 
})