[原创]图片分页查看


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 相关文章推荐
有趣的JavaScript数组长度问题代码说明
Jan 20 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
Apr 23 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
JavaScript也谈内存优化
Jun 06 Javascript
jquery中post方法用法实例
Oct 21 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
Vue中图片Src使用变量的方法
Oct 30 Javascript
在vue和element-ui的table中实现分页复选功能
Dec 04 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获取域名的google收录示例
2014/03/24 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
php给图片加文字水印
2015/07/31 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
python魔法方法-属性访问控制详解
2016/07/25 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
python单例模式实例解析
2018/08/28 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
Python实现密码薄文件读写操作
2019/12/16 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
医学院护理专业应届生求职信
2013/11/12 职场文书
学生请假条格式
2014/04/11 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
大学迎新生标语
2014/10/06 职场文书
步步惊心观后感
2015/06/12 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书