Jquery悬停效果，使div在动画时离开空间
Jquery悬停效果，使div在动画时离开空间
提问于 2012-06-29 03:35:19
我有一个页面，我已经开始在这里设置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");
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-29 04:12:39
事实证明，这与jquery无关。再看一遍，是因为我右边的窗格被设置为向右浮动，而中间和左边的窗格是向左浮动的。这导致了动画时的小间隙，因为在动画完成之前，它们是彼此远离的动画。改变了所有的浮点数，它起作用了。感谢那些为我研究它的人。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11251646
复制相关文章
相似问题
腾讯云开发者
