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

Question

我想知道你是否可以控制.attr函数的速度：

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

Answer 1

您可以使用setTimeout

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

这将src在一秒钟后更改图像的。

Answer 2

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

你先隐藏图片

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

然后你在它上面运行fadeIn效果：

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