jquery .animate({top:'+ = 200px})不行

时间:2011-07-17 15:13:48

标签: jquery jquery-animate

我遇到动画功能问题 - 我的html看起来像:

<body>

<div id="blubloc">

<div id="bluhead1">
</div>
<div id="bluhead2">
</div>
<div id="bluhead3">
</div>

</div>


<div id="whitebloc">

<div id="orangediv">
</div>

<div id="rnd">
<img src="img/logo.gif" alt="ROUNDSHOT" />
<a href="" class="button">klik!</a>
</div> 

</div>

blubloc位于whitebloc前面,使用z-index。我正试图让whitebloc滑动下来,显示出更多的信息 - 我正在使用

$('.button').click(function(){
$('#whitebloc').animate({top: '+=200px'});

});

whitebloc位于绝对位置,而divs位于相对位置。动画根本不起作用......

1 个答案:

答案 0 :(得分:2)

这个小提琴对我有用:

http://jsfiddle.net/Christophe/2bQBA/