0

嗨,我正在为数字代理计划一个展示网站。

我想知道这种类似flash的效果是否可以用jQuery来实现。

当用户点击一个主要的导航元素 - 动画页面内容时,在后台加载新内容,并且当新页面完全加载动画进入视图时。

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

提前谢谢了。

4

1 回答 1

1

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

首先,您需要向上渐变的动画,只需将 css 顶部设置为一个可以完全隐藏页面内容的值,因此如果 top:0 将是首页上的 div,请尝试将其移动到 top:div.height

第二个将 div 定位在页面视口底部下方:0 位于页面底部。bottem 是 page.height + div.height

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

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

只要尝试一下,然后再询问您是否有任何问题!

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

于 2010-11-25T14:13:28.770 回答