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

是否有可能控制.attr的速度？

2 个答案: