1

说我有页面：

test1.html test2.html test3.html

我想将 test1.html 链接到 test2.html 并将 test1.html 链接到 test3.html

使用页面锚点和 iframe，我遇到了从 test1 到 test3 时，它也滚动到 test2 的问题。

我发现了一些很酷的东西，叫做 jquery 移动页面转换（http://jquerymobile.com/demos/1.0/docs/pages/page-transitions.html），但每次它都会告诉我无法加载页面。然而，这正是我想要的。对于我要创建的每个按钮/链接，不同的页面转换（我可以在上滑、左滑、下滑等之间进行选择）。

如果有办法在 CSS 中做到这一点，那就太棒了！

4

2 回答 2

1

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ 看看这里用 ajax 和 Slide Down 加载你可以工作一点本教程将整个页面加载为下拉或淡入。只有CSS我认为这是不可能的。

于 2013-06-11T21:22:35.267 回答
1

不是确切的代码，但应该让你开始。

$(document).ready(function(){
  $('body').fadeIn();

  $('a').click(function(e){
    window.goto=$(this).attr("href");
    $('body').fadeOut('fast',function(){
      document.location.href=window.goto;
    });

    e.preventDefault();
  });
});

CSS：

body{display:none;}

请注意，如果您正在使用其他需要知道元素高度的 jQuery 插件，它们可能会中断，因为在 fadeIn 完成之前元素没有高度。您可以通过使用 visible:hidden 而不是 display:none 来解决这个问题来进行初始隐藏。

于 2013-06-11T21:35:07.540 回答