作家
登录

图片分页查看 原创

作者: 来源:www.28hudong.com 2013-03-30 04:04:40 阅读 我要评论

复制代码 代码如下:<table height="120" border="0" align="center" cellpadding="5" cellspacing="0"> <script language="javascript" type="text/javascript"> function int(I,k) { //define variable var ff=0; var j; j=Math.round(I/k)-I/k; if (j!=0){ ff=Math.round(I/k)+1;} else { ff=Math.round(I/k); } return ff; } function querystring(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+"=",""); } } return re; } var page=querystring("page") if(page==false){ page=1 } var maxperpage=4 //每页显示条数,这里每页显示4张 var totalimg=8 //一共有多少张图片这里共8张 var filename="list.htm" //这个文件的名称 var pagecounts var cnum,snum,onum,endnum,kstr var startnum=((page-1)*maxperpage); endnum=startnum+maxperpage; var x=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><img src=img/LX-"+kstr+".jpg width=230 height=290 onclick=javascrpt:window.open(this.src) style='cursor:hand'></td></tr>"); }else{ document.write("<tr><td><img src=img/LX-"+kstr+".jpg width=230 height=290 onclick=javascrpt:window.open(this.src) style='cursor:hand'></td>"); } } </script> </table><table width="100%" height="23" border="0" cellpadding="0" cellspacing="0"> <tr> <td><label> <div align=center><span id="dinfo"></span><select name="select" onChange="location.href=this.options[this.selectedIndex].value"> <script type="text/javascript" language="javascript"> document.getElementById("dinfo").innerHTML="共有<font color=red>"+totalimg.toString()+"</font>条记录 共<font color=red>"+pagecounts+"</font>页 每页<font color=red>"+maxperpage+"</font>条 "; for(y=1;y<=pagecounts;y++){ if(page==y){ document.write("<option value="+filename+"?page="+y+" selected>"+y+"</option>"); }else{ document.write("<option value="+filename+"?page="+y+">"+y+"</option>"); } } </script> </select></div> </label></td> </tr> </table>

  推荐阅读

  JS实现浏览器菜单命令

序:用js实现菜单命令虽然在技术上讲没什么,不过这个算是比较全了。 每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是>>>详细阅读


本文标题:图片分页查看 原创

地址:http://www.17bianji.com/kaifa2/JS/31581.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)