是否可以控制.attr的速度？

Question

我在想，如果你能控制.attr功能的速度：

$("#div1").hover(function() { 
    $("#div1 img").attr('src','images/image01.png'); 

Answer 1

如果你想讓圖像淡入，你需要使用jQuery的.fadeIn效果。

你先隱藏圖像

<div id='div1'> 
    <img style='display:none;' src=''/> 

然後你在它上面運行的淡入效果：

$("#div1").hover(function() { 
    $("#div1 img").attr('src','images/image01.png'); 
    $("#div1 img").fadeIn(200); // 200 is transition time in millisecond 

Answer 2

您可以使用setTimeout

$("#div1").hover(function() { 
    setTimeout(function() { 
     $(this).find('img').attr('src', 'images/image01.png').fadeIn(); 
    }, 1000); //1second 
}); 

這將在一秒鐘後改變圖像的src。