[原创]图片分页查看


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 Ajax 跨域访问的解决方案
Mar 12 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 Javascript
Javascript实现Web颜色值转换
Feb 05 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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 pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
PHP网站开发中常用的8个小技巧
2015/02/13 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
如何判断出一个js对象是否一个dom对象
2016/11/24 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
原生JS运动实现轮播图
2021/01/02 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
Python编写电话薄实现增删改查功能
2016/05/07 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
Django框架多表查询实例分析
2018/07/04 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
OpenCV Python实现图像指定区域裁剪
2021/03/12 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
应聘会计求职信
2014/06/11 职场文书
电子商务求职信
2014/06/15 职场文书
2014最新实习证明模板
2014/10/02 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
担保书范文
2015/01/20 职场文书
污染环境建议书
2015/09/14 职场文书