0

我有 jQuery 动画问题...

我有一个页脚，上面有一个隐藏的 div。当有人单击标题附近的按钮时，div 应该动画 UP。有点像向上滑动，就像你从抽屉里拉出一个马尼拉文件夹。（不是 div 底部向上滑动到顶部的正常向上滑动。）

我发现这段代码是我想要的，但是，它正在移动基线（页脚）。

.featureBox{width:182px;
    height:150px;
    position:relative;
    border:1px solid red;
}

$('.featureBox').hover(function()  {
    $(this).animate({top:'-320px', height:'540px'},"slow");
},
function() {
    $(this).animate({top:'0px', height:'150px'},"slow");
})

将鼠标悬停在红色 div 框上时，您会看到它下方的 div 向下推。我怎样才能让它动画起来或长大？（嘿嘿。对不起。刚想到妈妈对我大喊大叫）。

4

2 回答 2

1

这是一个按照我认为您想要的方式工作的页面。我认为主要问题是扩展 div 需要位于具有高度的 div 内。 这是一个扩展 div 的页面，它在扩展时覆盖了其他内容。

查看Wordpress Sexybookmarks 插件的代码，了解这种技巧的一个很好的例子。

于 2009-10-30T03:30:31.843 回答
0

我猜你的修复是以下两件事之一：

  1. 改变位置：相对位置：绝对
  2. 您不想实际移动 .featureBox 而是移动 .featureBox 内的另一个元素（可能是 DIV）
于 2009-10-30T02:07:42.530 回答