2013-06-19 98 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); 
    }); 
}) 
相關問題