时间:2021-05-25
复制代码 代码如下:
<tableheight="120"border="0"align="center"cellpadding="5"cellspacing="0">
<scriptlanguage="javascript"type="text/javascript">
functionint(I,k)
{
//definevariable
varff=0;
varj;
j=Math.round(I/k)-I/k;
if(j!=0){
ff=Math.round(I/k)+1;}
else
{
ff=Math.round(I/k);
}
returnff;
}
functionquerystring(qs){
s=location.href;
s=s.replace("?","?&").split("&");
re="";
for(i=1;i<s.length;i++){
if(s[i].indexOf(qs+"=")==0){
re=s[i].replace(qs+"=","");
}
}
returnre;
}
varpage=querystring("page")
if(page==false){
page=1
}
varmaxperpage=4//每页显示条数,这里每页显示4张
vartotalimg=8//一共有多少张图片这里共8张
varfilename="list.htm"//这个文件的名称
varpagecounts
varcnum,snum,onum,endnum,kstr
varstartnum=((page-1)*maxperpage);
endnum=startnum+maxperpage;
varx=0;
pagecounts=int(totalimg,maxperpage)
if(page==pagecounts){
endnum=((pagecounts-1)*maxperpage)+totalimg-(pagecounts-1)*maxperpage
}
for(k=startnum+1;k<=endnum;k++){
kstr=k.toString();
if(k<10){
kstr="00"+kstr
}
else
{
kstr="0"+kstr
}
x+=1;
//显示数据
if(x%2==0){
document.write("<td><imgsrc=img/LX-"+kstr+".jpgwidth=230height=290onclick=javascrpt:window.open(this.src)style='cursor:hand'></td></tr>");
}else{
document.write("<tr><td><imgsrc=img/LX-"+kstr+".jpgwidth=230height=290onclick=javascrpt:window.open(this.src)style='cursor:hand'></td>");
}
}
</script>
</table><tablewidth="100%"height="23"border="0"cellpadding="0"cellspacing="0">
<tr>
<td><label>
<divalign=center><spanid="dinfo"></span><selectname="select"onChange="location.href=this.options[this.selectedIndex].value">
<scripttype="text/javascript"language="javascript">
document.getElementById("dinfo").innerHTML="共有<fontcolor=red>"+totalimg.toString()+"</font>条记录共<fontcolor=red>"+pagecounts+"</font>页每页<fontcolor=red>"+maxperpage+"</font>条";
for(y=1;y<=pagecounts;y++){
if(page==y){
document.write("<optionvalue="+filename+"?page="+y+"selected>"+y+"</option>");
}else{
document.write("<optionvalue="+filename+"?page="+y+">"+y+"</option>");
}
}
</script>
</select></div>
</label></td>
</tr>
</table>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、支持自动播放图片,并设置间隔秒数;2、支持按下拉显示图片分页导航;3、支持列表式显示图片分页导航;4、支持按上一张、下一张显示图片分页导航;5、支持小图导航
图1(此图来自于淘宝网,仅供参考)图2(此图为原创图片,转载需经过本人同意)图3(此图为原创图片,转载需经过本人同意)图4(此图为原创图片,转载需经过本人同意)
(原创)通用数据分页类通用分页类,以后写分页显示数据时就轻松多啦.直接调用此类,然后再Execute即可以取得当前页的所有数据.此类所做的工作是只取得当前页的数
今天看默默讲解分页,想想好像原创区很久没人发帖了,就顺便把默默的那个扩展开来,来个PHP+AJAX分页演示吧,好的,说来就来,首先我们依然是基本的AJAX开发框
分页是什么?分页就是网站中将内容分割成多个页面的页面,例如30张图片内容,分成了15页,一页两张,就属于分页,分页的使用是把双刃剑,用得好的话,可以增加页面浏览