2014-04-25 62 views
0

在我的javascript中对某些div的z索引有点问题。在JavaScript动画Z指数?

我已经使用Rob White动画盒中的一些代码来扩大边距。除了脚本的不移动部分之外,它非常有效。

fiddle here显示发生了什么。

悬停的div动画和扩大与一类top中加入的9999999

的z-index在unhover他们再次缩小,但“流行”相邻的广场,而不是继续在上面后面。这个top类在非悬浮状态下被移除,但这对动画没有影响。

它实际上似乎只发生在边缘,右下角是唯一看起来很自然的一个。任何援助将是伟大的。

回答

2

你需要它结束这样

$(this).stop(true, true).animate({ 
       marginTop: "5px", 
       marginBottom: "5px", 
       marginLeft: "5px", 
       marginRight: "5px" 
       }, 800,function(){ 
        $(this).removeClass("top"); 
      }); 

Fiddle

+0

您是否尝试过,而无需等待动画停止再次徘徊在动画后删除.top? –

+0

这是很棒的阿米特,谢谢。你能不能解释一下到底有什么不同 - 我仍然在这里学习.. –

+0

一个不错的[博客](http://viralpatel.net/blogs/understanding-jquery-animate-function/)关于jQuery的帖子Anmiate –