使用jquery的动画页面转换[重新访问]

使用jquery的动画页面转换[重新访问],jquery,jquery-animate,show-hide,Jquery,Jquery Animate,Show Hide,好吧,我一直在看其他关于页面转换的帖子。但我还没有找到我需要的东西。所以我有3个菜单项。关于,服务和联系 我需要有3个内容div(可以有一个class=“content”),它最初是隐藏的。单击任何菜单项都将设置content div的动画,并将其垂直和水平居中放置在页面的视图中 如果当前有任何可见的div。单击任何菜单项将隐藏该菜单项,并在中设置新菜单项的动画 请注意,jquery还需要检查可见内容的高度(因为每个div可能包含更多或更少的文本),并将div水平和垂直居中,这与我猜想的模式

好吧,我一直在看其他关于页面转换的帖子。但我还没有找到我需要的东西。所以我有3个菜单项。关于,服务和联系

我需要有3个内容div(可以有一个class=“content”),它最初是隐藏的。单击任何菜单项都将设置content div的动画,并将其垂直和水平居中放置在页面的视图中

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


请注意,jquery还需要检查可见内容的高度(因为每个div可能包含更多或更少的文本),并将div水平和垂直居中,这与我猜想的模式灯箱的操作非常类似。我希望视觉指南能描述我需要什么。如何使用jquery实现这一点?谢谢。

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

看看这个例子:(向上滑动)

但是,要垂直居中删除内容,可能需要编写一点css代码(不确定)。

请签出。下面是一个例子:

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

还有小提琴:

太棒了!我想只要做点工作,我就能完成这件事。对不起,我忘记了所有关于这个项目的问题。不用担心,很高兴它有帮助。:)这将是完美的另一个项目,我将做。