[原创]图片分页查看


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 刷新全集常用代码
Nov 22 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
网络传输协议(http协议)
Nov 18 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
uniapp开发小程序的经验总结
Apr 08 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
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
javascript 二进制运算技巧解析
2012/11/27 Javascript
js数组的操作详解
2013/03/27 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
20分钟打造属于你的Bootstrap站点
2016/07/27 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
vue组件watch属性实例讲解
2017/11/07 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
小程序实现多列选择器
2019/02/15 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
2020/04/28 Javascript
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
Python中的index()方法使用教程
2015/05/18 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
Python如何转换字符串大小写
2020/06/04 Python
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
Servlet方面面试题
2016/09/28 面试题
庆祝教师节活动方案
2014/01/31 职场文书
企业宣传策划方案
2014/05/29 职场文书
会计毕业生自荐书
2014/06/12 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python
Python创建SQL数据库流程逐步讲解
2022/09/23 Python