表格翻页问题,求赐教

问题描述

请问下面那个表格翻页图片时怎么返回顶部<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>表格翻页</TITLE><style>body,td{font-size:9pt;}a:link{color:#FF0000;}a:visited{color:#FF0000;}a:hover{color:#006600;}</style><SCRIPTLANGUAGE="JavaScript"><!--varrecord=1;//每页显示多少条记录varcount=6;//记录总数varpageTotal=((count+record-1)/record)|0;//总页数varpagenum=1;//将要显示的页码Cookie={Set:function(){varname=arguments[0],value=escape(arguments[1]),days=365,path="/";if(arguments.length>2)days=arguments[2];if(arguments.length>3)path=arguments[3];with(newDate()){setDate(getDate()+days);days=toUTCString();}document.cookie="{0}={1};expires={2};path={3}".format(name,value,days,path);},Get:function(){varreturnValue=document.cookie.match(newRegExp("[b^;]?"+arguments[0]+"=([^;]*)(?=;|b|$)","i"));returnreturnValue?unescape(returnValue[1]):returnValue;}}String.prototype.format=function(){vartmpStr=this;variLen=arguments.length;for(vari=0;i<iLen;i++){tmpStr=tmpStr.replace(newRegExp("\{"+i+"\}","g"),arguments[i]);}returntmpStr;}functionsetPagenum(){//整理Cookiepagenum=Cookie.Get("pagenum");if(pagenum==""||pagenum<1){pagenum=1;}}setPagenum();//重新整理当前页码,如果页面小于1,则赋值为1,如果大于总页数,则等于总页数coordinatePagenum(pagenum);//根据当前要显示的页码取得当前面里第一条记录的号码varpageBegin=(record*(pagenum-1)+1)|0;//根据当前要显示的页码取得当前面里最后一条记录的号码varpageEnd=record*pagenum;functionshowhiddenRecord(pagenum){number.innerHTML=pagenum;if(pagenum<=1){theFirstPage.innerHTML="第一页";thePrePage.innerHTML="上一页";}else{theFirstPage.innerHTML="<ahref="javascript:firstPage()">第一页</a>";thePrePage.innerHTML="<ahref="javascript:prePage()">上一页</a>";}if(pagenum>=pageTotal){theNextPage.innerHTML="下一页";theLastPage.innerHTML="最后一页";}else{theNextPage.innerHTML="<ahref="javascript:nextPage()">下一页</a>";theLastPage.innerHTML="<ahref="javascript:lastPage()">最后一页</a>";}document.getElementById('goto').value=pagenum;//根据当前要显示的页码取得当前面里第一条记录的号码pageBegin=(record*(pagenum-1)+1)|0;//根据当前要显示的页码取得当前面里最后一条记录的号码pageEnd=record*pagenum;for(vari=1;i<=count;i++){if(i>=pageBegin&&i<=pageEnd){mytable.rows[i].style.display="";}else{mytable.rows[i].style.display="none";}}Cookie.Set("pagenum",pagenum);}functionfirstPage(){pagenum=1;showhiddenRecord(pagenum);}functionlastPage(){showhiddenRecord(pageTotal);}//重新整理当前页码,如果页面小于1,则赋值为1,如果大于总页数,则等于总页数functioncoordinatePagenum(num){if(num<1){num="1";}elseif(num>pageTotal){num=pageTotal;}}functionprePage(){pagenum--;coordinatePagenum(pagenum);showhiddenRecord(pagenum);}functionnextPage(){pagenum++;coordinatePagenum(pagenum);showhiddenRecord(pagenum);}functiongotoPage(num){coordinatePagenum(pagenum);showhiddenRecord(num);}//--></SCRIPT></HEAD><BODYonLoad="showhiddenRecord(pagenum)"><TABLEid="mytable"cellpadding=4cellspacing=1border=0bgcolor=#999999width=500align=center><TRbgcolor=#ffffff><TD>!</TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/001_9268.jpg"></TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/002_7089.jpg"></TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/003_2077.jpg"></TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/004_4530.jpg"></TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/005_4079.jpg"></TD></TR><TRbgcolor=#ffffff><TD><imgsrc="http://coldpic.sfacg.com/Pic/OnlineComic4/WLHJ/049/006_0599.jpg"></TD></TR></TABLE><br><br><center>共6页当前第<spanid="number">1</span>页<spanid="theFirstPage"><ahref="javascript:firstPage()">第一页</a></span><spanid="thePrePage"><ahref="javascript:prePage()">上一页</a></span><spanid="theNextPage"><ahref="javascript:nextPage()"target="_parent">下一页</a></span><spanid="theLastPage"><ahref="javascript:lastPage()">最后一页</a></span>转到第<selectonChange="gotoPage(this.value)"name="goto"><optionvalue=1>1</option><optionvalue=2>2</option><optionvalue=3>3</option><optionvalue=4>4</option><optionvalue=5>5</option><optionvalue=6>6</option></select>页</center></BODY><HTML>

解决方案

解决方案二:
在顶部设个锚点行不行
解决方案三:
functionnextPage(){pagenum++;coordinatePagenum(pagenum);showhiddenRecord(pagenum);document.body.scrollTop=0;//在翻页事件中加上这句试试}

时间: 2024-09-27 23:27:30

表格翻页问题,求赐教的相关文章

Javascript表格翻页效果实现思路及代码_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻页</TITLE> <style> body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover

Javascript表格翻页效果的具体实现_javascript技巧

表格翻页的实现方式有很多,下面以js为例为大家详细介绍下表格翻页效果的具体实现. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻页---www.jb51.net</TITLE> <style> body, td{ font-size: 9pt; } a:link {

c# POST提交表单实现百度翻页,求码

问题描述 如题,做了一个百度工具,可是没办法解决翻页的问题所以说想用post方法解决翻页的问题这样也好控制翻页的数量,可是不知道代码怎么写,求高手指导 解决方案 解决方案二:找个监听软件,监听下你手动翻页的时候,浏览器发送的是什么数据,然后依葫芦画瓢啊

不错的Javascript表格翻页效果_javascript技巧

共 6 页 当前第 1 页 第一页 上一页 下一页 最后一页 转到第123456页 标题 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

求php的mssql翻页程序!

程序|翻页 PHP代码:-------------------------------------------------------------------------------- <html><head><title>PHP分页</title></head><body><?//为了便于理解和更快地应用到工作中去,我们以MS SQL Server的NorthWind数据库Customers表为例. $pageSize= 4;

网站设计 asp-网站产品搜索结果页翻页出错 asp 菜鸟求问

问题描述 网站产品搜索结果页翻页出错 asp 菜鸟求问 翻页后的结果如下图 搜索功能按钮部分html: search.asp文件内容: <!--#include file="inc/AspCms_SettingClass.asp" --> <% echoContent() Sub echoContent() dim page,keys page=filterPara(getForm("page","both")) keys=fi

form-jsp翻页功能问题,求指导

问题描述 jsp翻页功能问题,求指导 pageno=1; if(request.getParameter("pageno")==null||request.getParameter("pageno").equals("")) {pageno=1;} else{pageno=Integer.parseInt(request.getParameter("pageno"));} 目前页数<%=pageno%> 总页数:&

asp.net ajax form-爬虫抓取ASPxGridView中翻页数据

问题描述 爬虫抓取ASPxGridView中翻页数据 遇到一个网页使用ASPxGridView加载的多页表格 网址链接https://demos.devexpress.com/ASPxGridViewDemos/DataBinding/LinqDataSourceServerMode.aspx 想从中抓取数据(用模拟post请求方法) 发现其中翻页页码(_CALLBACKPARAM:c0:GB|20;12|PAGERONCLICK3|PN1;)之后 还有诸如 _EVENTVALIDATION:/

Flash电子书鼠标拖拽翻页效果原理

翻页|鼠标 最近要做些电子书,本来准备去网上买现成的翻页效果的组件,但一看报价吓一跳,而且执行效率也不高,一个叫AsFlipPage4.0的组件CPU占用率高居70%,喊价1000RMB,真是黑心商人.下载了几个开源的程序自己也看不懂.于是一咬牙自己做了一个,并放上源程序.过两星期再把变量接口做好,免费发布. 设置遮罩和阴影之后的最终品: 主要原理: 将电子书分为3个内容层,叠放顺序如图.第一层为当前页面层,是现在正在显示的页面:第二层是随鼠标拖拽时卷起的页角,第三层是当页角卷起时,露出下一页的