Javascript PhoneGap-如何在没有JQuery mobile的情况下添加页面转换效果？

我正在使用简单的

窗口。位置

从一个页面导航到另一个页面

如何使用

window.location

浏览具有幻灯片效果的页面

（使用JQuery mobile进行了尝试，但其增加的页面大小和ui在应用程序中令人不安。）

你能就此提出建议吗

---

提前感谢。

仅使用jquery，并在document.ready函数中使用jquery库的效果

例如：

$(document).ready(function() {
        $("body").css("display", "none");
        $("body").fadeIn(2000);
});

如果你在页面上给出了这个选项，页面的加载速度会非常慢，并且只使用jquery库，而没有其他插件

对于重定向：

$("a.transition").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $("body").fadeOut(1000, redirectPage(linkLocation));     
});

function redirectPage(link) {
    window.location = link;
}

希望你能明白

您可以在以下位置查看完整详细的说明：

---

快速示例：

如果您要查找滑动效果，请查看CSS3。它具有易于使用的转换调用，允许您用很少的代码滑动视图。例如：

 //css
 .firstpage{
 height:100%;
 width:100%;
 transition: all 2s;
}
 .movefirstpage{
 left:100%;
 }

 //js
 $(".firstpage").addClass(".movefirstpage");

基本上，这将使第一页滑到屏幕左侧。您可以使用相同的逻辑将新页面滑到屏幕上

也请查看此链接：