[原创]图片分页查看


Posted in Javascript onAugust 28, 2006
<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>
Javascript 相关文章推荐
二级域名或跨域共享Cookies的实现方法
Aug 07 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
AngularJS递归指令实现Tree View效果示例
Nov 07 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
TypeScript之调用栈的实现
Dec 31 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
Jun 05 Javascript
[对联广告] JS脚本类
Aug 27 #Javascript
根据分辨率不同,调用不同的css文件
Aug 25 #Javascript
mouse_on_title.js
Aug 25 #Javascript
新页面打开实际尺寸的图片
Aug 25 #Javascript
js获取变量
Aug 24 #Javascript
在b/s开发中经常用到的javaScript技术
Aug 23 #Javascript
两个SUBMIT按钮,如何区分处理
Aug 22 #Javascript
You might like
php实现的MySQL通用查询程序
2007/03/11 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
Python列表推导式的使用方法
2013/11/21 Python
python中对list去重的多种方法
2014/09/18 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python代码打开本地.mp4格式文件的方法
2019/01/03 Python
python二维键值数组生成转json的例子
2019/12/06 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
2019/07/09 HTML / CSS
阿根廷首家户外用品制造商和经销商:Montagne
2018/02/12 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
php优化查询foreach代码实例讲解
2021/03/24 PHP
中学教师实习自我鉴定
2013/09/28 职场文书
春节超市活动方案
2014/08/14 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript