怎么用JS在框内实现上升和下移页面

么有现成的，给你个思路，
1 控制滚动条。
2 获取当前数据索引，更改索引（就是是上面说的JS +CSS）

解决方案 »

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

可以參考這個：
http://kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
http://topic.csdn.net/u/20080721/13/43dc5cfb-4fbe-4b48-8572-74d1cc45fd26.html
你指什么列表？
<select style="width:100%;" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2,0)">
<option value="爱你一万年">爱你一万年</option>
<option value="流浪">流浪</option>
<option value="因为想你才寂寞">因为想你才寂寞</option>
<option value="没有你的日子我真的好孤单">没有你的日子我真的好孤单</option>
<option value="不要再来伤害我 ">不要再来伤害我 </option>
<option value="想和你去吹吹风">想和你去吹吹风</option>
<option value="曾经最美">曾经最美</option>
<option value="其他">其他</option>
</select>
这种列表？
还是？
有一点象web_show 给的http://topic.csdn.net/u/20080721/13/43dc5cfb-4fbe-4b48-8572-74d1cc45fd26.html，但是还是有点c差别
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function move(index1)
{
var t = document.getElementById("t");
var r = t.getElementsByTagName("INPUT");
for (var i = 0; i < r.length; i++)
if (r[i].checked)
{
var index = r[i].parentNode.parentNode.rowIndex;
if (index + index1 < 0 || index + index1 >= t.rows.length)
return;
t.moveRow(index,index + index1)
}
}
</script>
<body>
<table id="t">
<tr><td><input name="b" type="radio" value="" /></td><td><input name="44" type="text" id="44" value="7897979" /></td><td><input type="text" value="879" /></td></tr>
<tr><td><input name="b" type="radio" value="" /></td><td><input type="text" value="7878" /></td><td><input type="text" value="464" /></td></tr>
<tr><td><input name="b" type="radio" value="" /></td><td><input type="text" value="789" /></td><td><input type="text" value="97" /></td></tr>
</table>
<input name="上移" type="button"  value="上移" onclick="move(-1)"/>
<input name="下移" type="button"  value="下移" onclick="move(1)"/>
</body>
</html>
类似这样的吗？
还是这种：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Table test</title>
<style type="text/css">

</style>
</head>
<body>
<table id="table1" bordercolor="#000000" width="200" border="1">
    <tbody>
        <tr>
            <td width="25%">1</td>
            <td width="25%">11</td>
   
            <td width="25%"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td width="25%"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>55</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
    </tbody>
</table>
</body>
</html>

<script language="JavaScript" type="text/javascript">

</script>
document.getElementById("t").style.display="block" 显示
document.getElementById("t").style.display="none" 隐藏