javascript整个页面的飞入飞出效果

javascript entire page fly in and out effect?

本文关键字：javascript      更新时间：2023-09-26

最近我发现一个网站有一个有趣的效果，我记不清是哪个网站了。其效果是，在导航单击时，整个当前页面会飞到右上角并消失，新页面会从左下角飞入并占据浏览器窗口。

有人知道我在哪里可以获得这种效果的示例代码吗？谢谢

试试这个影响

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

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

  • http://themeforest.net/item/stratum-html-single-page-template/full_screen_preview/1668778
  • http://themeforest.net/item/volemo-html-one-page-template/full_screen_preview/1359429

尝试jquery .scroll()

关键概念是创建一个大页面（例如高度：2500px），然后将锚点链接滚动指定到固定位置。

通过对主体标签执行以下操作，您可以在正常站点上获得类似的效果

  • 在导航链接上添加一个点击事件，该事件使用jQuery效果快速滑出页面
  • 根据需要将onload（$(document).ready();）事件添加到在正文中滑动的所有页面
相关文章：