2010-11-25 77 views
0

嗨,我正在计划一个展示数字广告公司的网站。像Jquery页面过渡一样闪存

我想知道这种闪光效果是否可以用jQuery来实现。

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

我发现了一个网站似乎实现了这一点,但如果任何人都可以帮助打破这里发生了什么,我将非常感激。 http://imagemechanics.com.au/

非常感谢提前。

回答

1

嗯我没有表现出AA工作实例的时间,但我可以告诉你,你需要做的,使这项工作

首先你需要的upfading动画什么,只是动画的CSS顶部的值完全隐藏页面中的内容,所以如果顶部:0将是顶部的div尝试将其移动到顶部:div.height

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

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

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

只是尝试一下,并再次问,如果你有任何问题!

我woud建议使用CSS动画jQuery插件的CSS转换。

+0

谢谢Nexum我会看看这个 – mtwallet 2010-11-25 14:22:21