1

好的，所以我一直在查看有关页面转换的其他帖子。但我还没有找到任何特别适合我需要的东西。所以我得到了 3 个菜单项。关于、服务和联系方式。

在此处输入图像描述

我需要有 3 个内容 div（可以有一个 class="content"），它们最初会被隐藏。单击任何菜单项将为内容 div 设置动画并将其垂直和水平居中放置在页面上的视图中。

在此处输入图像描述

如果当前有任何 div 可见。单击任何菜单项将隐藏该菜单项并为新菜单项设置动画。

请注意，jquery 还需要检查可见内容的高度（因为每个 div 可能包含更多或更少的文本）并将 div 水平和垂直居中，就像我猜想的模态灯箱所做的那样。我希望视觉指南描述我需要什么。我如何用 jquery 做到这一点？谢谢。

4

2 回答 2

2

查看API。_ .animate()这是一个例子：

$(div).show().animate({
    "margin-top": "-16em"
}, {
    "duration": 500,
    "easing": "swing",
    "complete": function () {},
    "step": function (now, fx) {},
    "queue": false,
    "specialEasing": {}
});

和一个小提琴：http: //jsfiddle.net/93HjV/

于 2012-10-25T15:40:04.087 回答
1

Jqtouch 可能是满足您需求的有用工具。它主要是为移动浏览器设计的，但由于它适用于桌面浏览器，所以它可能很有用。www.jqtouch.com

看看这个例子：（向上滑动）http://www.jqtouch.com/preview/demos/main/#animations

但是，要使内容垂直居中，您可能需要编写一些 css 代码（不确定）。

于 2012-10-24T06:36:13.497 回答