再加些什么代码,点击按钮换页时,图片会呈现左右滑动的效果
以下为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;
   }
}
}
}