复制代码代码如下:
<% @ Page Language = "Java" ContentType = "Text / Html; Charset = UTF-8"
Pageencoding = "UTF-8"%>
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<adal>
<Title> </Title>
<cript>
/ **
* @param otarget 需要加载 Scroll 的 Dom 对象
* @param fnhandler 处理的回调函数
* /
fonction EventHandler (otarget, fnhandler) {
if (otarget.addeventListener) {
otarget.addeventListener ("Scroll", fnhandler, false);
} else if (otarget.attachevent) {
otarget.attachevent ("Onscroll", fnhandler);
} autre {
otarget ["Onscroll"] = fnHandler;
}
};
fonction oo (divcontentid, divhederid) {
var div = document.getElementById (divcontendId);
var gauche = div.scrollleft;
var divheader = document.getElementById (divheleDerid);
divheader.scrollleft = gauche;
var diswidth = div.children [0] .style.width.replace ("px", "")
- div.style.width.replace ("px", "");
if (div.scrollleft> = diswidth) {
divheader.style.overflowy = 'scroll';
} autre {
divheader.style.overflowy = 'Hidden';
}
}
window.onload = fonction onstartlock () {
var odiv = document.getElementById ("divcontendId");
EventHandler (odiv, function () {
oo ("divcontentid", "divhedeRerid");
});
};
</cript>
</ head>
<body>
<div id = "div1all"
style = "position: absolu; gauche: 0px; droite: 0px; en haut: 0px; en bas: 0px">
<div id = "divhederid"
style = "marge-droite: auto; marge-gauche: auto; débordement: caché;">
<table cellSpacing = "0"
Style = "Border-Collapse: Effondrement; Font-Size: 15px"
BorderColor = "# C1DAD7" CELLPADDING = "0" BGCOLOR = "# F5FFFA"
width = "600px">
<Tr style = "fond: marine; couleur: blanc; hauteur: 30px">
<th> en-tête a </th>
<th> en-tête b </th>
<h> En-tête C </th>
<h> En-tête D </th>
<h> En-tête E </th>
<h> En-tête f </th>
</tr>
</ table>
</div>
<div id = "divcontentid"
style = "Position: Absolute; gauche: 0px; top: 30,5px; en bas: 0px; à droite: 0px; débordement: défilement">
<table cellSpacing = "0"
Style = "Border-Collapse: Effondrement; Font-Size: 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>
</docy>
</html>