Question

我有三张相同尺寸的图片。如果用户向左移动，则会加载一个图像（左侧显示颜色部分），如果他向右移动，则右侧会着色。我希望图像淡出并添加一个很好的效果。

我试过这个，我无法让它发挥作用！我正在使用mouseenter和其他一些功能，但我无法使用它。图片在这里：http://bit.ly/1vjRQnS

此致

的Nik

Answer 1

好的，这里的第一个版本并不完美，可以做很多其他更好的方法但我能尽可能快地

    $("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();
  });
})

CODEPEN

JQuery Hover＆amp;用mousemove淡化图像

1 个答案: