jqueryhover&;使用mousemove在图像上淡入淡出

jqueryhover&;使用mousemove在图像上淡入淡出,jquery,Jquery,我有三张同样大小的照片。如果用户向左移动,则加载一个图像(以彩色显示左侧的部分),如果用户向右移动,则右侧为彩色。我希望图像淡入淡出,增加一个好的效果 我已经试过了,但我不能让它工作!我正在使用mouseenter和其他一些函数,但我无法让它工作。图片如下: 问候, Nik好的,这里的第一个版本并不完美,可以用很多其他更好的方法来实现 但我尽可能快地做到了 $("div.wrapper").css({ height: $("img").height(), width: $

我有三张同样大小的照片。如果用户向左移动,则加载一个图像(以彩色显示左侧的部分),如果用户向右移动,则右侧为彩色。我希望图像淡入淡出,增加一个好的效果

我已经试过了,但我不能让它工作!我正在使用mouseenter和其他一些函数,但我无法让它工作。图片如下:

问候,


Nik

好的,这里的第一个版本并不完美,可以用很多其他更好的方法来实现 但我尽可能快地做到了

    $("div.wrapper").css({
    height: $("img").height(),
    width: $("img").width()
  });

  $("div.wrapper").hover(function(){


    $("div.First").hover(function(){
      $(".left").stop().fadeIn();
      $(".none, .right").stop().fadeOut();

    }, function(){
      $(".left").fadeOut();
    });
    $("div.Second").hover(function(){
      $(".right").stop().fadeIn();
      $(".none, .left").stop().fadeOut();

    }, function(){
      $(".right").stop().fadeOut();
    });

  },function(){
     $(".left, .right").stop().fadeOut();
     $(".none").stop().fadeIn();
  });
})

我真的没有得到你想要的?你能再解释一下并给出一些代码吗?当然可以:1)当用户进入页面时,他们会看到NoRollover图像。2) 如果他们停在这张图片的左边,左边的图片会载入(突出显示瓶子)3)如果他们停在右边,右边的图片会载入(突出显示另一个瓶子)。我没有不要添加代码,因为我认为我做得不对,我希望你们能指导我。1) 我创建了三个div,并使用z索引尝试实现这一点。2) 我还尝试了一个带有三个标签的div,并尝试使用JS更改src,但我无法实现图像的fadeIn,因此理想情况下,如果你开始我的工作,这将非常有帮助!谢谢但是,老兄,你根本没有代码,不管怎样,我会尝试为你创建一些示例。谢谢你的帮助。我很感激!这绝对是伟大的Szymon老实说,我从来没有想过做这些“隐藏”的DIV,它真的很好,它肯定会帮助我在未来!谢谢