Javascript 链接到外部站点时是否可以使用页面转换？

我的目标是拥有一个登录页面，当用户单击登录按钮时，该页面通过不同的URL将他们带到web应用程序。然而，我注意到，整个页面的转换（比如这样）是通过页面上的多个div创建的，而不是链接到不同的页面。

---

我的问题是，在使用CSS3链接分离的页面时，我是否可以使用页面转换，或者我是否需要使用不同的代码查看是否可行

加载新页面时，会丢失上一页的所有内容—HTML、CSS和任何脚本。因此，您无法在不同页面之间创建任何效果

---

jQuery、GWT和其他一些框架允许您构建应用程序，这些应用程序看起来就像用户在从一个页面导航到另一个页面（甚至url也会发生变化），但实际上用户始终停留在同一个主机页面上。在这种情况下，您可以创建不同的过渡效果。

您可以在动画之后加载外部url

一些伪代码

<a href="http://www.otherdomain" class="extlink">Click to other domain</a>

<script>
   /* listen for external link clicks */
   $(".extlink").on("click", function(e) {
     e.preventDefault();
     var _href = $(this).attr("href");

     /* if the animation accepts an 'onend' callback */
     _animation.on("end", function() { window.location.href=_href; });

     /* or if css3 anim/transition, time it to the same  */
     var animTimer  = setTimeout(function() { window.location.href=_href; }, 2000);
     /* 2000 being the settings of the anim/transition in the css */

   });

</script> 


/*倾听外部链接的点击*/
$（“.extlink”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var_href=$（this.attr（“href”）；
/*如果动画接受“onend”回调*/
_animation.on（“end”，function（）{window.location.href=\u href；}）；
/*或者，如果css3动画/转换，则将其计时到相同的时间*/
var animTimer=setTimeout（函数（）{window.location.href=_href；}，2000）；
/*2000是css中动画/过渡的设置*/
});

我不知道您是如何进行页面转换的，但原则是这样的-在动画之后调用外部url。
基于tympanus.net中的示例，并考虑到您的页面位于服务器上：

组合按钮，单击以获取

a） 进行页面转换
b） 通过ajax将新页面的内容加载到您提到的其中一个“多个div”中
这些其他页面：这些页面是在您的服务器上还是外部链接上？@Vickel它们可能是我的服务器上的其他页面。js这里有您标记的jquery