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 に答える