<style type="text/css">
<!--
.divHead{overflow:hidden;position:absolute;z-index:1;height:40px;width:expression(document.body.clientWidth-27)}
.divBody{overflow:scroll;position:absolute;z-index:0;height:100%;width:100%}
-->
</style>
<body onresize="rx()" onload="rx()" style="margin-left:0px;margin-top:0px;overflow:hidden">
<div class="divHead" id="divHead">
<table border=1 cellspacing=0 cellpadding=0 id=htable bgcolor="#00FFFF" style="border-collapse: collapse" height=40 bordercolor="#111111">
<tr>
<td norap id="td1">aaaaaaaaaa</td>
<td norap>aaaaaaaaaa</td>
<td norap>aaaaaaaaaa1</td>
<td norap>aaaaaaaaaa2</td>
<td norap>aaaaaaaaaa3</td>
<td norap>aaaaaaaaaa4</td>
</tr>
</table>
</div>
<div class="divBody" id="divBody" onscroll="bodyScrl()">
<table border="1" cellspacing=0 cellpadding=0 id="dtable" width=1222 height=888 bgcolor="#C0C0C0" bordercolor="#111111" style="border-collapse: collapse">
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
</table>
</div>
<script>
function bodyScrl(){
divHead.scrollLeft = divBody.scrollLeft;
}
function rx(){
htable.width = dtable.offsetWidth;
for(var i=0; i<htable.rows(0).cells.length; i++){
htable.rows(0).cells(i).width=dtable.rows(0).cells(i).offsetWidth;
}
}
</script>
<!--
.divHead{overflow:hidden;position:absolute;z-index:1;height:40px;width:expression(document.body.clientWidth-27)}
.divBody{overflow:scroll;position:absolute;z-index:0;height:100%;width:100%}
-->
</style>
<body onresize="rx()" onload="rx()" style="margin-left:0px;margin-top:0px;overflow:hidden">
<div class="divHead" id="divHead">
<table border=1 cellspacing=0 cellpadding=0 id=htable bgcolor="#00FFFF" style="border-collapse: collapse" height=40 bordercolor="#111111">
<tr>
<td norap id="td1">aaaaaaaaaa</td>
<td norap>aaaaaaaaaa</td>
<td norap>aaaaaaaaaa1</td>
<td norap>aaaaaaaaaa2</td>
<td norap>aaaaaaaaaa3</td>
<td norap>aaaaaaaaaa4</td>
</tr>
</table>
</div>
<div class="divBody" id="divBody" onscroll="bodyScrl()">
<table border="1" cellspacing=0 cellpadding=0 id="dtable" width=1222 height=888 bgcolor="#C0C0C0" bordercolor="#111111" style="border-collapse: collapse">
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
<tr>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
<td>ddddddddddd</td>
</tr>
</table>
</div>
<script>
function bodyScrl(){
divHead.scrollLeft = divBody.scrollLeft;
}
function rx(){
htable.width = dtable.offsetWidth;
for(var i=0; i<htable.rows(0).cells.length; i++){
htable.rows(0).cells(i).width=dtable.rows(0).cells(i).offsetWidth;
}
}
</script>
解决方案 »
- javascript操作word控件问题
- o[arr[i]]=o[arr[i]] || {}怎么理解
- 在做拖放的时候,老是有时候影响拖放的对像不能释放掉,最后仔细观察了一下,是由于拖动的时候,把被拖放到对像放到不可放的元素上面的时候,
- 为什么用e.clientX 在firefox下得不到鼠标的X轴的值,在IE下可以,我引用了event事件啊
- 从网页里把一个table里的数据拷到excel里,但是像02这样的数据变成了2,求解?
- 大家在写代码的时候只考虑IE吗?
- 怎样将一个小数四舍五入到小数点以后第几位,求救请各位高手
- 请教:::Html中,下拉列表框<select ..>如何控制成固定宽度,但是option的内容还可以悬浮显示
- 梅花雨的日历控件非官方版Ver 1.3发布
- vbscript 调用javascript 函数出错?
- 梅花雪的日历控件如何获取失去焦点事件?
- 请教:怎么样在客户端加密数据?
<tr>
<th width="25%" nowrap><font color="#FFFFFF"> 123 </font></th>
<th width="25%" nowrap><font color="#FFFFFF"> 456 </font></th>
<th width="25%" nowrap><font color="#FFFFFF"> 789 </font></th>
<th width="25%" nowrap><font color="#FFFFFF"> abc </font></th>
</tr>
</table>
<span style="overflow-y:auto;height:100px;width:320px">
<table width="300" border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
<tr bgcolor="#FFFFFF">
<td width="25%"> 1</td>
<td width="25%"> 4</td>
<td width="25%"> 7</td>
<td width="25%"> a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td > 2</td>
<td > 5</td>
<td> 8</td>
<td> b</td>
</tr>
<tr bgcolor="#FFFFFF">
<td> 3 </td>
<td> 6 </td>
<td> 9 </td>
<td > c </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> 3 </td>
<td> 6 </td>
<td> 9 </td>
<td > c </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> 3 </td>
<td> 6 </td>
<td> 9 </td>
<td > c </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> 3 </td>
<td> 6 </td>
<td> 9 </td>
<td > c </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> 3 </td>
<td> 6 </td>
<td> 9 </td>
<td > c </td>
</tr>
</table>
</span>
不知道是不是要的这种效果
function test(obj) {
document.getElementById("div2").style.top=obj.scrollTop;
}
</script>
<div style="overflow:auto; width: 405px; height: 335px; z-index: 1; left: 10px; top: 15px" id="layer1" onscroll="test(this);">
<div id="div2" style="position: absolute; width: 387px; height: 442px; z-index: 1; left: 10px; top: 15px" id="layer2">
<table border="1" width="100%" id="table1" height="249">
<tr>
<td width="189">1111111111111</td>
<td>22222222222222</td>
</tr>
<tr>
<td width="189">111111111111111</td>
<td>33333333333333</td>
</tr>
</table>
</div>
</div>
我看了。不是我要的效果.
我要的是象网站旁边的对联广告一样。它会随页面的滚动条自动上下移动.但是要他移动的范围要限定在一个<td height=500></td>的JS代码