[原创]图片分页查看


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 相关文章推荐
制作特殊字的脚本
Jun 26 Javascript
开发跨浏览器javascript常见注意事项
Jan 01 Javascript
js null undefined 空区别说明
Jun 13 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
Dec 20 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
JavaScript 隐性类型转换步骤浅析
Mar 15 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 Javascript
简单了解JavaScript异步
May 23 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
[对联广告] 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
非常好用的Zend Framework分页类
2014/06/25 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
php制作简单模版引擎
2016/04/07 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
javascript定时器完整实例
2015/02/10 Javascript
javascript运动详解
2015/07/06 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
python网络编程实例简析
2014/09/26 Python
Python分析学校四六级过关情况
2017/11/22 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python实现的汉诺塔算法示例
2019/10/23 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
同程旅游英文网站:LY.com
2018/11/13 全球购物
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
机械个人求职信范文
2014/01/24 职场文书
《阳光》教学反思
2014/02/23 职场文书
计算机专业职业规划
2014/02/28 职场文书
基层党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书