[原创]图片分页查看


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 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
基于Vue中的父子传值问题解决
Jul 27 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调用三种数据库的方法(1)
2006/10/09 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
js精度溢出解决方案
2012/12/02 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
前台js调用后台方法示例
2013/12/02 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
微信小程序实时聊天WebSocket
2018/07/05 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
用Python实现大文本文件切割的方法
2019/01/12 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
关于python中的xpath解析定位
2020/03/06 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
印刷工程专业应届生求职信
2013/09/29 职场文书
关于环保的标语
2014/06/13 职场文书
医学专业大学生求职信
2014/07/12 职场文书
事业单位个人总结
2015/02/12 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书
导游词之张家口
2019/12/13 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS