[原创]图片分页查看


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强制点击广告的方法
Feb 06 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
Oct 28 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 jQuery
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
Apr 01 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
JavaScript常用事件介绍
Jan 21 Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 Javascript
动态规划之使用备忘录来改进Javascript函数
Apr 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 远程图片保存到本地的函数类
2008/12/08 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
php实现图片转换成ASCII码的方法
2015/04/03 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
node.js环境搭建图文详解
2018/09/19 Javascript
原生js实现瀑布流效果
2020/03/09 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
Python实现手势识别
2020/10/21 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
日语翻译个人求职的自我评价
2013/10/14 职场文书
技术总监管理岗位职责
2014/03/09 职场文书
大学毕业感言200字
2014/03/09 职场文书
高校教师自荐信范文
2014/03/13 职场文书
初中家长寄语
2014/04/02 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
养成教育主题班会
2015/08/13 职场文书
go 实现简易端口扫描的示例
2021/05/22 Golang