[原创]图片分页查看


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插件开发之实现google+圈子选择功能
Mar 10 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
Nov 25 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
让Vue也可以使用Redux的方法
May 23 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
Aug 27 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
vue点击按钮动态创建与删除组件功能
Dec 29 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 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
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
PHP简单遍历对象示例
2016/09/28 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
layer父页获取弹出层输入框里面的值方法
2019/09/02 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
Python标准库之collections包的使用教程
2017/04/27 Python
Python简单读取json文件功能示例
2017/11/30 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
什么是就业协议书
2014/04/17 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
体育运动口号
2014/06/09 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
假期安全教育广播稿
2014/10/04 职场文书
县政协领导班子群众路线教育实践活动四风问题整改方案
2014/10/26 职场文书
2015年少先队活动总结
2015/03/25 职场文书
仓库管理制度范本
2015/08/04 职场文书