[原创]图片分页查看


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入门教程(5) js Screen屏幕对象
Jan 31 Javascript
jquery创建div 实现代码
Apr 27 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
一个可复用的vue分页组件
May 15 Javascript
js异步编程小技巧详解
Aug 14 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
微信小程序实现多选功能
Nov 04 Javascript
Javascript文本框脚本实现方法解析
Oct 30 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
关于文本留言本的分页代码
2006/10/09 PHP
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
javascript英文日期(有时间)选择器
2007/05/02 Javascript
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
css配合jquery美化 select
2013/11/29 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
jQuery操作css样式
2017/05/15 jQuery
基于node.js之调试器详解
2017/08/22 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
2020/10/09 Javascript
Python理解递归的方法总结
2019/01/28 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
python实现银行实战系统
2020/02/26 Python
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
学用政策心得体会
2014/09/10 职场文书
2014年全国爱牙日宣传活动方案
2014/09/21 职场文书
乡镇领导班子四风对照检查材料
2014/09/27 职场文书
工作失误检讨书
2015/01/26 职场文书
调任通知
2015/04/21 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python