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

Javascript
如何用js控制css中的float的代码
Autocomplete Textbox Example javascript实现自动完成成功
FormValid0.5版本发布,带ajax自定义验证例子
wordpress之js库集合研究介绍
推荐发几个常用控件(新加DHTML控件)
7. Microsoft Online-Crash Control, version 6.0(微软在线崩溃控件)
javascript下阻止表单重复提交、防刷新、防后退
javascript下计数器每秒自动加1
给所有的超级练级都加上onmousemove时间的js代码
js实现运行代码需要刷新的解决方法
兼容FF/IE跟随鼠标的层的效果
用javascript获得css中的属性值的代码
用javascript实现页内搜索的脚本代码
用javascript 控制表格行的展开和隐藏的代码
用javascript实现隐藏状态栏的代码
Code: write(s,d) 输出连续字符串
javascript创建页面蒙板的一些知识技巧总结
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
用javascript判断输入数据是否货币并自动添加¥符号的代码
js类中获取外部函数名的方法

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


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