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

Javascript
用jquery ajax获取网站Alexa排名的代码
jQuery Selectors(选择器)的使用(九、表单对象属性篇)
javascript 数组使用方法汇总
用于CSS代码压缩与格式化的javascript函数代码
ExtJS下grid的一些属性说明
javascript 强制刷新页面的实现代码
js 加载并解析XML字符串的代码
jquery提示 "object expected"的解决方法
页面中iframe相互传值传参
jQuery 行背景颜色的交替显示(隔行变色)实现代码
魔方在线秒表javascript版
JavaScript 字符串与数组转换函数[不用split与join]
javascript与asp.net(c#)互相调用方法
javascript下搜索子字符串的的实现代码(脚本之家修正版)
JQuery下关于$.Ready()的分析
input 日期选择功能的javascript代码
js 页面传参数时 参数值含特殊字符的问题
读取table内容的javascript代码
最简单的javascript对象实例代码
JQuery Tips(2) 关于$()包装集你不知道的

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 209 ::
收藏到网摘: 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>