我正在重新设计我的公司网站,我们正在使用 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');
当我对其应用向上滑动过渡时,我可以看到框变大了,但在向下的方向上,离开了页面(它已应用溢出:隐藏)。有没有办法像现在一样指定框向上滑动以显示内容?提前致谢!