javascript整页进出效果?

时间:2012-03-22 05:08:32

标签: javascript jquery css

最近我遇到了一个有趣效果的网站,我不记得它是哪个网站。结果是,在导航点击时,整个当前页面飞到右上角消失,新页面从左下角飞入并占据浏览器窗口。

有谁知道我在哪里可以获得此效果的示例代码?感谢。

3 个答案:

答案 0 :(得分:0)

试试这个 effects

您可以为整个页面(正文元素)执行此操作,而不是div。 首先,您必须为所有links()标记定义一个类。当用户点击任何链接时,您可以调用整个页面的效果。(首先在当前页面上,然后当新页面加载时再次调用效果)

答案 1 :(得分:0)

这称为单页/单页主题。看这个演示:

尝试jquery .scroll()

关键概念是你创建一个大的页面(例如,身高:2500px),然后指定锚链接滚动来固定位置。

答案 2 :(得分:0)

通过对主体标记

执行以下操作,您可以在正常网站上实现类似的效果
  • 在导航链接上添加点击事件,使用jQuery效果快速将页面滑出
  • 将onload($(document).ready();)事件添加到您想要的身体中滑动的所有页面