翻页功能

双击滚屏。。
<SCRIPT LANGUAGE="javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval('scrollwindow()',10);//这里改滚动速度。
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<SCRIPT LANGUAGE="javascript">
function pagedown()
{
window.scroll(0,document.body.scrollTop+window.screen.availHeight)
}
function pageup()
{
window.scroll(0,document.body.scrollTop-window.screen.availHeight)
}
document.ondblclick=pagedown;  //双击向下翻页
document.oncontextmenu=pageup; //右键向上翻页
</script>
<body>
<div style="height:1600"> </div>
</body>
这个效果如何？<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function disp(x) {
var obj=eval("menu" + x);
for(i=1;i<=3;i++) {
eval("menu" + i).style.display="none";
}
obj.style.display="";
}
</SCRIPT>
<BODY>
<table width="750" border="0">
    <tr>
      <td width="20%">
<span id="menu1" style="display:">
<TABLE width="130" style="border:1 solid #336699">
<TR>
<TD><table width="130" border="0" cellspacing="0" cellpadding="2">
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
  <tr>
<td><a href="yz01.htm" target="movies">01.凤仪亭(上)</a></td>
  </tr>
  <tr>
<td><a href="yz02.htm" target="movies">02.凤仪亭(中)</a></td>
  </tr>
  <tr>
<td><a href="yz03.htm" target="movies">03.凤仪亭(下)</a></td>
  </tr>
  <tr>
<td><a href="yz04.htm" target="movies">04.三让徐州(上)</a></td>
  </tr>
  <tr>
<td><a href="yz05.htm" target="movies">05.三让徐州(下)</a></td>
  </tr>
  <tr>
<td><a href="yz06.htm" target="movies">06.桃园结义</a></td>
  </tr>
  <tr>
<td align="right"><a href="javascript:disp(2);">下一页  </a></td>
  </tr>
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
</table></TD>
</TR>
</TABLE>
</span>
<span id="menu2" style="display:none">
<TABLE width="130" style="border:1 solid #336699">
<TR>
<TD><table width="130" border="0" cellspacing="0" cellpadding="2">
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
  <tr>
<td align="right"><a href="javascript:disp(1);">上一页  </a></td>
  </tr>
  <tr>
<td><a href="yz21.htm" target="movies">21.蒋干盗书</a></td>
  </tr>
  <tr>
<td><a href="yz22.htm" target="movies">22.吓退雄兵</a></td>
  </tr>
  <tr>
<td><a href="yz23.htm" target="movies">23.温酒斩华雄</a></td>
  </tr>
  <tr>
<td><a href="yz24.htm" target="movies">24.草船借箭</a></td>
  </tr>
  <tr>
<td><a href="yz25.htm" target="movies">25.斑马线</a></td>
  </tr>
  <tr>
<td><a href="yz26.htm" target="movies">26.台风</a></td>
  </tr>
  <tr>
<td align="right"><a href="javascript:disp(3);">下一页  </a></td>
  </tr>
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
</table></TD>
</TR>
</TABLE>
</span>
<span id="menu3" style="display:none">
<TABLE width="130" style="border:1 solid #336699">
<TR>
<TD><table width="130" border="0" cellspacing="0" cellpadding="2">
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
  <tr>
<td align="right"><a href="javascript:disp(2);">上一页  </a></td>
  </tr>
  <tr>
<td><a href="yz36.htm" target="movies">36.千里走单骑(中) </a></td>
  </tr>
  <tr>
<td><a href="yz37.htm" target="movies">37.千里走单骑(下) </a></td>
  </tr>
  <tr>
<td><a href="yz38.htm" target="movies">38.千里走单骑(下下) </a></td>
  </tr>
  <tr>
<td><a href="yz39.htm" target="movies"> </a></td>
  </tr>
  <tr>
<td><a href="yz40.htm" target="movies"> </a></td>
  </tr>
  <tr>
<td><a href="yz41.htm" target="movies"> </a></td>
  </tr>
  <tr>
<td align="right"><a href="javascript:disp();">  </a></td>
  </tr>
  <tr>
<td bgcolor="#FFA6A6"> </td>
  </tr>
</table></TD>
</TR>
</TABLE>
</span>
  </td>
    </tr>
  </table>
</BODY>
</HTML>
那你做的就不是静态html了，你的问题不应该在这里提，应该放到jsp或者asp论坛里，我这个方法是用来解决静态文件的分页的。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">.button {
background: ButtonFace;
border: 1px solid ButtonShadow;
border-left: 0;
border-right: 0;
}.scrollButton {
font-family: Webdings;
color: blue;
text-align: center;
cursor: hand;
}#scrollContainer {
height: 100%;
overflow: hidden;
padding: 0px;
}.border {
border-left: 1px solid ButtonShadow;
border-right: 1px solid ButtonShadow;
width: 200px;
}
</style>
</head>
<script type="text/javascript>
function ScrollButton( oEl, oScrollContainer, nDir ) {
this.htmlElement = oEl;
this.scrollContainer = oScrollContainer;
this.dir = nDir;

var oThis = this;
oEl.onmouseover=function(){oThis.startScroll()} //捕作事件
oEl.onmouseout=function(){oThis.endScroll()}}ScrollButton.scrollIntervalPause = 100;
ScrollButton.scrollAmount = 18;ScrollButton.prototype.startScroll = function () {
var oThis = this;
this._interval = window.setInterval( function () {
switch ( oThis.dir ) {

case 8:
oThis.scrollContainer.scrollTop -= ScrollButton.scrollAmount;
break;

case 2:
oThis.scrollContainer.scrollTop += ScrollButton.scrollAmount;
break;

case 4:
oThis.scrollContainer.scrollLeft -= ScrollButton.scrollAmount;
break;

case 6:
oThis.scrollContainer.scrollLeft += ScrollButton.scrollAmount;
break;
}
}, ScrollButton.scrollIntervalPause );
};ScrollButton.prototype.endScroll = function () {
if ( this._interval != null ) {
window.clearInterval( this._interval ); //结束滚动
this._interval=null;
}
};
</script><body id="bdy" topmargin="0" leftmargin="0" scroll="no" onselectstart="javascript:return false" ondragstart="javascript:return false" oncontextmenu="javascript:return false">
<center>
<table align="center" width="100%" height="100%" border=0><tr><td align="center" rowspan=2><div id="scrollContainer">
<table bgcolor=#df1222 width=100%><tr><td>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
在这个层里添加你的内容！其他的地方不动！<br><br><Br>
</td></tr></table>
  </div>  </td>
  <td  width=16 valign="top">
<div class="scrollButton" id="upScrollButton">5</div>
  </td>

  </tr>
  <tr><td  width=16 valign="bottom">
<div class="scrollButton" id="downScrollButton">6</div>
  </td></tr>
</table><script type="text/javascript">ScrollButton.scrollIntervalPause = 50; //
ScrollButton.scrollAmount = 5;var upScrollButton = document.getElementById( "upScrollButton" );
var downScrollButton = document.getElementById( "downScrollButton" );
var scrollContainer = document.getElementById( "scrollContainer" );
//var bodyObj=document.getElementById( "body" );new ScrollButton( upScrollButton, scrollContainer, 8 );
new ScrollButton( downScrollButton, scrollContainer, 2 );</script>
</body>
</html>
理解错了，你需要的是分页功能
asp的分页xscx.asp：<table>
<%
curDir = Server.MapPath("../data/whole.mdb")
set newcon=server.createobject("adodb.connection")
newcon.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & curDir
set toprs=server.createobject("adodb.recordset")
toprs.open sql,newcon,3,3
if not toprs.eof thentoprs.pagesize=10        '设置一页显示10条记录
pageno=request.querystring("pageno")
if pageno=empty then
pageno=1
end if
if cint(pageno)<=1 then
pageno=1
end if
total=toprs.pagecount
if cint(pageno)>=toprs.pagecount then
pageno=toprs.pagecount
end if
toprs.absolutepage=cint(pageno)
zs=toprs.pagecount
xxhh=0do while xxhh<10 and (not toprs.eof)  '设置一页显示10条记录
xxhh=xxhh+1
%> <tr>
<td align=center><%=xxhh+toprs.pagesize*(pageno-1)%></td>
<%for i=1 to toprs.Fields.Count-1%>
<td align=center><%=toprs(i)%></td>
        <%Next%> </tr>
<%
toprs.movenext
loop
end if
toprs.close
set toprs=nothing
%>
<tr>
<td align=center colspan="<%=temp_num+3%>" bgcolor="#EFEFEF">
<%if pageno>1 then%>
<a href=<%="xscx.asp?pageno=1"%>>首页</a>
<a href=<%="xscx.asp?pageno-1%>>上页</a>
<%End if
if CInt(pageno)<CInt(total) then
%>
<a href=<%="xscx.asp?pageno="&pageno+1%>>下页</a>
<a href=<%="xscx.asp?pageno="&zs%>>尾页</a>
<%End if%>
<%="当前页/总页数("&pageno&"/"&total&")"%>
</td>
</tr>
</table>
各位不好意思，我没有说清楚，万分抱歉！！！！！！再详细说一下我是从数据库里读出来一篇文章，文章很长，一屏显示不了，但是又不能用鼠标和键盘。
想弄一个按钮之类的东西，让用的人可以比较方便的看到下一页，因为有人说可以用javascript实现，所以到这里向各位请教