[原创]图片分页查看


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与Prototype并存的冲突的解决方法
Aug 29 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
Jul 07 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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基于表单密码验证与HTTP验证用法实例
2015/01/06 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
node.js中module.exports与exports用法上的区别
2016/09/02 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
js中int和string数据类型互相转化实例
2019/01/16 Javascript
python中的列表推导浅析
2014/04/26 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
Python适配器模式代码实现解析
2019/08/02 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
如何使用selenium和requests组合实现登录页面
2020/02/03 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
简单说说tomcat的配置
2013/05/28 面试题
网页设计个人找工作求职信
2013/11/28 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
2015年团支部工作总结
2015/04/03 职场文书
大学生逃课检讨书
2015/05/04 职场文书
法制工作总结2015
2015/07/23 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书