[原创]图片分页查看


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 相关文章推荐
ExtJS 简介 让你知道extjs是什么
Dec 29 Javascript
javascript DOM编程实例(智播客学习)
Nov 23 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
如何在微信小程序中实现Mixins方案
Jun 20 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
countUp.js实现数字动态变化效果
Oct 17 Javascript
原生js实现碰撞检测
Mar 12 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高级对象构建 多个构造函数的使用
2012/02/05 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
JS解密入门之凭直觉解
2008/06/25 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
编写高性能Javascript代码的N条建议
2015/10/12 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
使用python Django做网页
2013/11/04 Python
python实现的登录和操作开心网脚本分享
2014/07/09 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
网络体系结构及协议的定义
2014/03/13 面试题
应届本科生推荐信范文
2013/12/25 职场文书
工程招投标邀请书
2014/01/30 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
八达岭长城导游词
2015/01/30 职场文书
两行代码解决Jupyter Notebook中文不能显示的问题
2021/04/24 Python