手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >图片分页查看 原创
图片分页查看 原创
摘要:复制代码代码如下:functionint(I,k){//definevariablevarff=0;varj;j=Math.round(I/...

复制代码 代码如下:

<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>

【图片分页查看 原创】相关文章:

比较方便的onMouseWheel缩放图片效果 原创

Node.js中JavaScript操作MySQL的常用方法整理

基于jquery实现下拉框美化特效

IP地址输入框

nodejs修复ipa处理过的png图片

Javascript递归打印Document层次关系实例分析

checkbox实现全选的多种方法 不断更新 原创

一条一条新闻向上的滚动 不错

JQuery中属性过滤选择器用法

jQuery仿gmail实现fixed布局的方法

精品推荐
分类导航