很多滑动插件可以做到跳转到哪一屏,不过介于滑动插件里再套滑动或者滚动页插件会有问题。可以用原生地更好地表现。
html 代码
<div class=”page page1“></div>
<div class=”page page2“></div>
<div class=”page page3“></div>
<div class=”page page4“></div>
css代码
.page {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
z-index: 1;
overflow: hidden;
}
.page1{
display:block
}
js代码
var currentpage = 1; //当前页面;
var prevpage = []; //上一个页面
function gotoPage(num) {
prevpage.push(currentpage);
currentpage = num;
pageInit();
};
function pageInit() {
$('.page' + currentpage).show().siblings('.page').hide();
if (timer) {
clearInterval(timer);
}
//根据 currentpage 处理每页的需求
}
网友评论