复制代码代码如下::
<%@ page Language = "java" contentType = "text/html; charset = utf-8"
pageCoding = "utf-8"%>
<! DocType html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<kopf>
<title> </title>
<Script>
/**
* @param otarget 需要加载 scrollen 的 dom 对象
* @param fnhandler 处理的回调函数
*/
Funktion EventHandler (otarget, fnhandler) {
if (otarget.addeventListener) {
otarget.adDeVentListener ("Scroll", fnhandler, false);
} else if (otarget.attachEvent) {
Otarget.attachevent ("OnScroll", fnhandler);
} anders {
otarget ["OnScroll"] = fnhandler;
}
};
Funktion oo (divcontentid, divheadeerid) {
var div = document.getElementById (divcontentid);
var links = div.scrollleft;
var divheader = document.getElementById (DIVHeaDerId);
divheader.scrollLeft = links;
var diswidth = div.children [0] .style.width.replace ("px", "")
- Div.Style.Width.Replace ("px", "");
if (div.scrollleft> = diswidth) {
Divheader.Style.Overflowy = 'Scroll';
} anders {
Divheader.Style.Overflowy = 'Hidden';
}
}
window.onload = function onStartLock () {
var odiv = document.getElementById ("Divcontentid");
eventHandler (odiv, function () {
oo ("Divcontentid", "DivheaDerid");
});
};
</script>
</head>
<body>
<div id = "div1all"
style = "Position: absolut; links: 0px; rechts: 0px; ober: 0px; unten: 0px">
<div id = "divheadeerid"
style = "Margin-Right: Auto; Margin-Links: Auto; Überlauf: versteckt;">
<Table Cellspacing = "0"
style = "Border-Collapse: Zusammenbruch; Schriftgröße: 15px"
BorderColor = "#C1DAD7" cellpadding = "0" bgcolor = "#f5fffa"
width = "600px">
<Tr style = "Hintergrund: Marine; Farbe: Weiß; Höhe: 30px">
<Th> Header A </th>
<Th> Header B </th>
<Th> Header C </th>
<Th> Header d </th>
<Th> Header e </th>
<Th> Header f </th>
</Tr>
</table>
</div>
<div id = "divcontentid"
style = "Position: absolut; links: 0px; ober: 30,5px; unten: 0px; rechts: 0px; Überlauf: Scroll">
<Table Cellspacing = "0"
style = "Border-Collapse: Zusammenbruch; Schriftgröße: 15px"
BorderColor = "#C1DAD7" cellpadding = "0" bgcolor = "#f5fffa"
width = "600px">
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</Tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</Tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</Tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</Tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</Tr>
</table>
</div>
</div>
</body>
</html>