是怎么实现呢

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

...全文
76 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
你需要先学会这个如何提问

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧