0

我正在使用 php 开发应用程序，并且正在使用类似的东西来更改页面

<?php
            if (!isset($_GET["p"])){
                $p = 'home';
            } else{
                $p = $_GET["p"];
            }
            include "$p.php";
?>

我想知道的是，当我更改页面时，是否有办法使用 JQuery 放置一些效果

诸如加载图标之类的东西或使浏览器在从一个页面转到另一个页面时不显示该白页的任何东西，您能理解我想要什么吗？

起初我使用隐藏divs和显示/隐藏，但这通常会使其中的 JQuery 效果divs变得一团糟，所以我改为php include.

我需要的是人们不会觉得离开页面去接触另一个页面，我希望他们觉得他们只是在改变内容。

4

3 回答 3

0

在此处阅读有关标准页面过渡效果的信息：http: //www.boogiejack.com/transition_effects.html

于 2012-11-22T12:05:31.967 回答
0

如果您只是为每个页面创建链接，我认为这是不可能的。

您可以做的是通过 ajax 进行页面更改。像这样的东西：

<body>
  <div id="content"></div>
</body>

$("#home").click(function() {
  $.ajax("index.php?p=home")
    .done(function(pageHtml) {
      $("#content").html(pageHtml);
    });
});

到主页的链接具有id="home"并替换$("#content").html(pageHtml);为效果的位置。

于 2012-11-22T12:02:07.440 回答
0

使用 ajax 加载页面并使用 jquery 产生效果。这可以满足您的要求。

<script>
$("#home").click(function() {
  $.ajax("index.php?p=home").done(function(pageHtml) {
      $("#body").html();
    });
});
</script>
<body id="body">
  <a id="home">Home</a>
</body>
于 2012-11-22T12:15:44.783 回答