再加些什么代码,点击按钮换页时,图片会呈现左右滑动的效果
以下为JS代码
html代码是<div id=prize_box><ul><li></li></ul></div>这样形式的,两个按钮为<div class=arrow_l_left></div><div class=arrow_l_right></div>
$(document).ready(function() {
var pg=new page('prize_box');
pg.change(1);
$('.arrow_l_left').click(function(){
pg.change(--pg.pageno);
});
$('.arrow_l_right').click(function(){
pg.change(++pg.pageno);
});
});function page(prizeid){
this.pageno=1; //当前页
this.pagesize=14; //每页多少条信息
var a=document.getElementById(prizeid).getElementsByTagName("ul");
var zz =new Array(a.length); //算出有多少张图片
for(var i=0;i <a.length;i++) {
zz[i]=a[i].innerHTML;
} //ul的字符串附值给zz
if(zz.length%this.pagesize==0){
var pageall =zz.length/this.pagesize;
}else{//一共多少页
var pageall =parseInt(zz.length/this.pagesize)+1;
}
this.change=function(e){
this.pageno=e;
if(e<1){//如果输入页<1页,就等于第1页 ,当前页为1
e=1;
this.pageno=1;
}
if(e>pageall){//如果输入页大于最大页
e=pageall;
this.pageno=pageall;
}//输入页和当前页都=最大页
document.getElementById(prizeid).innerHTML=""//全部清空
for(var i=0;i<this.pagesize;i++)
{
var ul= document.createElement("ul");
ul.innerHTML=zz[(e-1)*this.pagesize+i];
document.getElementById(prizeid).appendChild(ul);
if(zz[(e-1)*this.pagesize+i+1]==null){//超出范围跳出
break;
}
}
}
}
以下为JS代码
html代码是<div id=prize_box><ul><li></li></ul></div>这样形式的,两个按钮为<div class=arrow_l_left></div><div class=arrow_l_right></div>
$(document).ready(function() {
var pg=new page('prize_box');
pg.change(1);
$('.arrow_l_left').click(function(){
pg.change(--pg.pageno);
});
$('.arrow_l_right').click(function(){
pg.change(++pg.pageno);
});
});function page(prizeid){
this.pageno=1; //当前页
this.pagesize=14; //每页多少条信息
var a=document.getElementById(prizeid).getElementsByTagName("ul");
var zz =new Array(a.length); //算出有多少张图片
for(var i=0;i <a.length;i++) {
zz[i]=a[i].innerHTML;
} //ul的字符串附值给zz
if(zz.length%this.pagesize==0){
var pageall =zz.length/this.pagesize;
}else{//一共多少页
var pageall =parseInt(zz.length/this.pagesize)+1;
}
this.change=function(e){
this.pageno=e;
if(e<1){//如果输入页<1页,就等于第1页 ,当前页为1
e=1;
this.pageno=1;
}
if(e>pageall){//如果输入页大于最大页
e=pageall;
this.pageno=pageall;
}//输入页和当前页都=最大页
document.getElementById(prizeid).innerHTML=""//全部清空
for(var i=0;i<this.pagesize;i++)
{
var ul= document.createElement("ul");
ul.innerHTML=zz[(e-1)*this.pagesize+i];
document.getElementById(prizeid).appendChild(ul);
if(zz[(e-1)*this.pagesize+i+1]==null){//超出范围跳出
break;
}
}
}
}
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货