在页面中添加滚动条后怎么用按键控制滚动

emouse_cat 2007-12-25 03:35:43
在页面中添加了一个滚动条,用鼠标可以移动滚动条.我现在想用页面上的两个按纽,上移和下移来控制滚动条的滚动,有没有什么好的方法?
...全文
474 点赞 收藏 7
写回复
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
i2ibm 2007-12-26
搞什麼,沒一個能用的。
回复
emouse_cat 2007-12-25
我把那段换成3楼的<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
也是加了 id = "t"后就错了 不加id就可以
回复
emouse_cat 2007-12-25
看下我下面这段
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Display Device Status</title>
</head>

<body scroll="no" topmargin="0" leftmargin="0" bgcolor="#3461B4" >

<div id="Layer2" style="position:absolute; left:25%; top:5%; width:50%; height:70%; z-index:2">
</div>
<div id="Layer3" style="position:absolute; left:20%; top:15%; width:50%; height:70%; z-index:3">
</div>

<SCRIPT type="text/javascript">
<!--
//Begin
var strTableRow;
var varorderDoc;
varorderDoc = new ActiveXObject("MSXML2.DOMDocument.4.0");
var i;
var strHtml="";
strHtml = "<div style='overflow:scroll;overflow-x:hidden;height:49%;' ><table border=3 width=120% align=center style='border-collapse:collapse;' id='systemTable'>"
for (i = 0;i< strTableRow;i++)
{
strHtml += "<tr align='center' style='display:none' id='OPList"+ (i + 1) + "'><td align='left' style='background-color:#ffffff' id='ListColor"+ (i + 1) + "'><font size='4' style='color:#FFFFFF;' face='隶书' id=Property></font></td>;"
}
strHtml +="</table></div>";
document.getElementById("Layer3").innerHTML = strHtml

}
// End -->
</SCRIPT>
<div id="Layer4" style="position:absolute; left:0; top:0; width:100%; height:100%; z-index:4">
<table border="0" width="100%">
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_upPage.gif" id=F2> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%" align="right"><img src="Button/B1_downPage.gif" id=F4> </td>
</tr>
<tr>
<td width="50%"></td> <img src="Button/Manage/B1_RestartATM.gif" id=F5> </td>
<td width="50%" align="right"><img src="Button/B1_Clear.gif" id=F6> </td>
</tr>
<tr>
<td width="50%"><img src="Button/B1_Back.gif" id=F7> </td>
<td width="50%" align="right"><img src="Button/B1_Enter.gif" id=F8> </td>
</tr>
</table>
</div>
</body>


我参照3楼的方法改了下,在strHtml = "<div id = "t" style='overflow:scroll;overflow-x:hidden;height:49%;' >添加了id = "t"就报错了,请问什么原因啊
回复
曹长科 2007-12-25
ls方法可行
回复
dh20156 2007-12-25
参考:
<div id="t" style="width:17px;height:100px;overflow-y:scroll;">
<div style="height:1000px;"></div>
</div>

<button onclick="up();"> up </button>
<button onclick="down();"> down </button>

<script type="text/javascript">
var obj = document.getElementById("t");
function up(){
if(obj.scrollTop>0){
obj.scrollTop -= 10;
}
}

function down(){
if(obj.scrollTop<obj.scrollHeight){
obj.scrollTop += 10;
}
}
</script>
回复
emouse_cat 2007-12-25
可以讲下scrollTop的详细用法吗?
回复
dh20156 2007-12-25
可以通过改变滚动区域的scrollTop来改变滚动条的位置
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告