设置一个主页面,这不应该是一个静态的html页面,而是用你选择的服务器端语言。
使用脚本标记将jquery包含到主页面(您可以从http://jquery.com/获取jquery)。
您的HTML可能如下所示:
在你的js文件中你会有这样的东西:
var currPage = 0;
var pageList = ["laptops/prod1.html","laptops/prod2.html", "laptops/prod3.html"];
var totalPages = pageList.length;
$(".btn").on("click",function(){
//if we are at the last page set currpage = 0 else increment currPage.
currPage = currPage < (totalPages - 1) ? ++currPage : 0;
var page = pageList[currPage];
$('#content').load(currPage);
});
需要考虑的一些要点:
您需要决定是否在主页加载或点击上加载第一页
您需要设置一个js变量来跟踪当前加载的页面
您需要添加一些存储所有可能页面的方法(想想一个数组)。这可以打印到页面加载页面上的脚本标记。
你需要决定当你到达终点时会发生什么。您可以循环或灰显适当的链接。
醇>