[原创]图片分页查看


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网页关闭时提醒效果脚本
Oct 22 Javascript
js获取当前select 元素值的代码
Apr 19 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 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编程语言开发动态WAP页面
2006/10/09 PHP
php 删除cookie和浏览器重定向
2009/03/16 PHP
PHP的变量总结 新手推荐
2011/04/18 PHP
php二维数组排序方法(array_multisort usort)
2013/12/25 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
json简单介绍
2008/06/10 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
JS获取html元素的标记名实现方法
2016/10/08 Javascript
微信小程序 Flex布局详解
2016/10/09 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
使用Python构建Hopfield网络的教程
2015/04/14 Python
python登录豆瓣并发帖的方法
2015/07/08 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
2019/03/05 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
Django中ORM找出内容不为空的数据实例
2020/05/20 Python
俄罗斯鲜花递送:AMF
2020/04/24 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
经典c++面试题六
2012/01/18 面试题
住房公积金接收函
2014/01/09 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
信息技术课后反思
2014/04/27 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
培训班开班主持词
2015/07/02 职场文书
基于Python实现一个春节倒计时脚本
2022/01/22 Python