嗨,我正在为数字代理计划一个展示网站。
我想知道这种类似flash的效果是否可以用jQuery来实现。
当用户点击一个主要的导航元素 - 动画页面内容时,在后台加载新内容,并且当新页面完全加载动画进入视图时。
我找到了一个似乎可以实现这一目标的网站,但是如果有人可以帮助分解这里发生的事情,我将不胜感激。http://imagemechanics.com.au/
提前谢谢了。
嗨,我正在为数字代理计划一个展示网站。
我想知道这种类似flash的效果是否可以用jQuery来实现。
当用户点击一个主要的导航元素 - 动画页面内容时,在后台加载新内容,并且当新页面完全加载动画进入视图时。
我找到了一个似乎可以实现这一目标的网站,但是如果有人可以帮助分解这里发生的事情,我将不胜感激。http://imagemechanics.com.au/
提前谢谢了。
嗯,我没有时间展示一个可行的例子,但我可以告诉你你必须做什么才能使这项工作
首先,您需要向上渐变的动画,只需将 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 过渡。