[原创]图片分页查看


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 相关文章推荐
读jQuery之一(对象的组成)
Jun 11 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
JavaScript制作弹出层效果
Dec 02 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
Vue框架之goods组件开发详解
Jan 25 Javascript
js基础之事件捕获与冒泡原理
Oct 09 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安装swoole扩展的方法
2015/03/19 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
ECMAScript6块级作用域及新变量声明(let)
2015/06/12 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
2018/12/29 jQuery
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
python select.select模块通信全过程解析
2017/09/20 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
python3处理含有中文的url方法
2018/05/10 Python
Python使用matplotlib和pandas实现的画图操作【经典示例】
2018/06/13 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
python 数据类型强制转换的总结
2021/01/25 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
HTML5进度条特效
2014/12/18 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
中国跨境电商:Tomtop
2017/03/16 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
技校教师求职简历的自我评价
2013/10/20 职场文书
前台文员职责范本
2014/03/07 职场文书
小班上学期个人总结
2015/02/12 职场文书
中学生自我评价范文
2015/03/03 职场文书
公司放假通知怎么写
2015/04/15 职场文书
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python