<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>
解决方案 »
- JS面向对象(创建类 继承类 )的实现
- 在javaspcipt中怎么放入css外联的那句代码呢,求高手指点
- 高手,能不能帮我看看下面的代码,怎样实现自动登录
- 如何 隐藏链接呀,有个链接我把鼠标放上去时,状态栏显示 1.htm,我点击时页面导向 2.htm
- 客户端winxp sp2,IE6环境下如何判断客户端是否安装某activex控件?
- js里如何实现动态生成网页!
- 本地数据库经纬度 调用百度地图API 在百度地图上显示 用什么方案实现的问题
- 怎么样篇历网页中的iD?
- 100分高手请指教:Netscape4.X和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代码