FadeTo跨切片图像

Question

我有一张图像被分成9个图像到多个div中。

我想对3组切片图像实施淡入淡出。一旦我将鼠标放入一组图像，另一组图像就会淡出。

当我将鼠标悬停在同一组内的图像上时会出现问题，其他图像会闪烁。任何人都可以帮助我如何检测我是否仍在同一组图像中。

$(".group1").mouseenter(function (){
  $(".group2, .group3").fadeTo("slow",.5);
}).mouseout(function (){
  $(".group1, .group2, .group3").fadeTo("slow",1);
});

Answer 1

由于group1是一个班级，我假设你已经把它给了你的三个部门。每次鼠标离开任何这些分区时都会发生鼠标输出事件，即使它直接进入另一个group1 div（如你所愿）。

我认为最简单的解决方案是将每个组包装在外部div中并绑定到那些：

$("#group1Wrapper").mouseenter(function (){
  $(".group2, .group3").fadeTo("slow",.5);
}).mouseout(function (){
  $(".group1, .group2, .group3").fadeTo("slow",1);
});