当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]图片分页查看

Javascript
javascript事件问题
jquery tools 系列 scrollable学习
Javascript中的var_dump函数实现代码
javascript 获取select下拉列表值的代码
JS 网页彩蛋 实现代码
javascript 定义初始化数组函数
Javascript 阻止浏览器默认操作的实现代码
Javascript 检测、添加、移除样式(className)函数代码
Javascript String.replace的妙用
用 Javascript 验证表单(form)中多选框(checkbox)值
用 Javascript 验证表单(form)中的单选(radio)值
Javascript 获取滚动条位置等信息的函数
用Javascript 和 CSS 实现脚注(Footnote)效果
禁止JQuery中的load方法装载IE缓存中文件的方法
jquery 简单导航实现代码
JS 日期验证正则附asp日期格式化函数
javascript 一些用法小结
关于javascript 回调函数中变量作用域的讨论
一个简单的JavaScript 日期计算算法
javascript 基础简介 适合新手学习

Javascript 中的 [原创]图片分页查看


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 171 ::
收藏到网摘: n/a

复制代码 代码如下:

<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>