[原创]图片分页查看


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 Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
原生js写的放大镜效果
Aug 22 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 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 utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
浅析PHP 按位与或 (^ 、&amp;)
2013/06/21 PHP
如何让CI框架支持service层
2014/10/29 PHP
php启用sphinx全文搜索的实现方法
2014/12/24 PHP
PHP递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
PHP实现发送和接收JSON请求
2018/06/07 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
小学生检讨书大全
2014/02/06 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
房产协议书范本
2014/10/18 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers