0

我有一个页面，我已经开始在这里设置http://www.brandybrowauto.com/NEW.html，它有一个简单的 3 窗格窗口切换器。悬停时它将展开该窗格并使其他窗格变小，然后在鼠标悬停时它会恢复正常。制作动画时，左侧窗格和中间窗格之间没有间隙，但中间窗格和右侧窗格之间打开了一个小条。所有窗格的大小都相同，并且同时以相同的速度进行动画处理，我不确定是什么导致了这种差距，以及是否我可以摆脱它。这可能很简单，但任何帮助表示赞赏。

$(document).ready(function(){
  $("#left").hover(function(){
    $("#left").stop().animate({width:754},"fast");
    $("#right, #middle").stop().animate({width:100},"fast");
  }, function() {
    $("#left").stop().animate({width:318},"fast");
    $("#right, #middle").stop().animate({width:318},"fast");
  });

  $("#middle").hover(function(){
    $("#middle").stop().animate({width:754},"fast");
    $("#right, #left").stop().animate({width:100},"fast");
  }, function() {
    $("#middle").stop().animate({width:318},"fast");
    $("#right, #left").stop().animate({width:318},"fast");
  });

  $("#right").hover(function(){
    $("#right").stop().animate({width:754},"fast");
    $("#left, #middle").stop().animate({width:100},"fast");
  }, function() {
    $("#right").stop().animate({width:318},"fast");
    $("#left, #middle").stop().animate({width:318},"fast");
  });
});
4

1 回答 1

0

原来这与jquery无关。再次查看后，这是因为我右侧的窗格设置为向右浮动，而中间和左侧的窗格向左浮动。这会在动画制作时造成小的间隙，因为在动画完成之前，它们的动画彼此远离。改变了，所有的浮动都离开了，它起作用了。感谢那些为我调查的人。

于 2012-06-28T20:12:39.027 回答