没什么技术含量，先上图：思路： 1:获取按键2:判断当前表格行的位置

超文本标记语言结构：复制代码代码如下： div id=' formdiv ' align=' center '名字：输入类型=' text ' id=' first name '/last name :输入类型=' text ' id=' lastname '/age :输入类型=' text ' id=' percent '/输入类型=' button ' value='确定id='确定'/div表格边框=' 0 '单元格填充=' 0 '单元格间距=' 0 '对齐=中心'宽度=600 tr tdinput type='复选框' name='复选框1 '/TD tdPeter/TD tdParker/TD td28/TD TD TD TD TD TD 20.9%/TD/tr tdinput type='复选框' name='复选框1 '/TD TDJOhn/TD TDhood/TD td33/TD TD td25 %/TD/tr tdinput type='复选框' name='复选框样式：复制代码代码如下：正文{ font-family: '微软雅黑； font-size :12 px}表格{ text-align :居中；} th { height:30px边框-底部：1px虚线# ccc} td { height:30px边框-底部：1px虚线# ccc}。bak {底色： # ebeb} js代码：复制代码代码如下：美元（文件)。ready(function(){ $('#sure ')).单击(function(){ var fval=$(' #名字')).val()；var lval=$('#lastname ').val()；var age=$('#age ').val()；定义变量百分比=$(“# percent”).val()；//构建表格var str=' TRT输入类型=' checkbox ' name=' checkbox '/TD ' ' TD ' fval '/TD ' ' TD ' lval '/TD ' ' TD ' age '/TD ' ' TD '百分比'/TD/tr '；$("表")。追加（字符串);str=}) //设定初始tr序号定义变量标志=0;$(文档)。向下键(函数(e){ var table=$(' table tr ')；//如果按下的是pagedown if(e.keyCode==40){ //移去所有的tr样式$('tr.bak ').移除CLaSS(' bak ')；//为当前所指向的tr加上高亮$('tr:eq(' logo ')').addCLaSS(' bak ')；//tr序号加一个徽标；} //如果tr序号超过了tr的长度，则返回第一行；if(标志表。长度){ logo=0；} //如果按下的是pageup if(e.keyCode==38){ //tr序号在当前序号减一，就是上移一个位置var l=徽标-1;//如果tr序号小于0,也就是此时的tr序号应该在底部；if(l0){ l=table。长度l；//重新计算tr序号} $('tr.bak ').移除CLaSS(' bak ')；$('tr:eq(' l ')').addCLaSS(' bak ')；logo=l；//对标志；徽标进行赋值，标识当前tr序号} }) }) 这里是框架实现的表格分页代码，下面推荐几款其它的表格分页的实现方法：js表格分页实现代码TinyTable javascript表格分页及排序插件