使用Jquery进行页面转换

时间:2010-11-25 13:56:06

标签: jquery transitions

您好我正计划为数字代理商展示一个网站。

我想知道是否可以使用jQuery实现这种flash效果。

当用户点击主要导航元素时 - 将页面内容设置为动画,在后台加载新内容以及新页面完全加载到视图中的动画。

我找到了一个似乎可以实现这一目标的网站,但如果有人可以帮助打破这里发生的事情,我将非常感激。 http://imagemechanics.com.au/

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

我没有时间展示一个有效的例子,但我可以告诉你要做什么才能使这项工作

首先你需要upfading动画,只需将css top设置为一个完全隐藏页面内容的值,所以如果top:0将是首页上的div,请尝试将其移至top:div。高度

第二个位置页面视口底部的div:0页面底部。 bottem将是page.height + div.height

现在启动一个ajax请求,为您提供内容div的新内容。只需.append(newtext)并将div移到顶部:0再次,evoila你的新页面就在这里,

这一切都要求内容div定位为绝对,并且页面具有固定高度并且隐藏溢出,否则在更改页面时会看到滚动条。

尝试一下,再问一下你是否有任何问题!

我建议使用css动画jquery插件进行css过渡。