jQuery UI 幻灯片效果问题

Question

我正在重新设计我的公司网站，并且我们正在使用 jQuery、Flash 等进行相当多的效果。到目前为止，我在做这些方面都没有遇到太大的问题，但是两个小问题不断出现在向这里的人询问之后，我除了成功之外什么都没有，所以这里是：

有问题的开发页面：（已删除 URL）

第一期

单击“结果”下顶部导航中的绿色箭头。这应该从右到左滑出一个菜单。它的行为与 Firefox 中应有的一样，但 IE 和 Safari 在页面中间开始向左滑动动画，然后将菜单移回它所属的位置。我不知道为什么要这样做，因为菜单本身绝对位于 CSS 中。另一个问题是，一旦菜单打开并且您尝试关闭它（使用类似颜色的箭头），它会像在 Firefox 中一样转换，但一旦转换完成就会重新出现。在 IE 和 Safari 中，菜单永久消失，但动画再次从页面中间开始。

第二个（分类）问题

如果这个幻灯片可以解决，我想对底部的“桶”应用类似的效果，当您单击它们下方的灰色箭头框时，它会上下滑动。目前，我正在修改 jQuery 中的 .animate 函数以首先增加高度，然后应用负边距，如下所示：

$('#footer-bucket1')
    .animate({ height: '392px' }, 300)
    .animate({ marginTop: '-306px'}, 300)
    .addClass('bucket-open');

当我对它应用向上滑动过渡时，我可以看到框变大了，但在向下的方向上，离开了页面（应用了溢出：隐藏）。有没有办法像现在一样指定框向上滑动以显示内容？提前致谢！

Answer 1

首先，我会给所有img 元素一个固定的width 和height 和display 他们inline，然后再看下去。

最好将它们用作 css background-image。