复制代码代码如下:
<%@ 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>
<голова>
<title> </title>
<Скрипт>
/**
* @param otarget 需要加载 Свитка 的 Dom 对象
* @param fnhandler 处理的回调函数
*/
Функция EventHandler (Otarget, Fnhandler) {
if (otarget.addeventlistener) {
otarget.addeventlistener ("Scroll", fnhandler, false);
} else if (otarget.attachevent) {
otarget.attachevent ("onscroll", fnhandler);
} еще {
otarget ["onscroll"] = fnhandler;
}
};
Функция OO (DivContentId, Divheaderid) {
var div = document.getElementbyid (divContentId);
var Left = div.scrollleft;
var divheader = document.getElementbyId (divheaderid);
divheader.scrollleft = оставленный;
var diswidth = div.children [0] .style.width.replace ("px", "")
- div.style.width.replace ("px", "");
if (div.scrollleft> = diswidth) {
divheader.style.overflowy = 'scroll';
} еще {
divheader.style.overflowy = 'hidden';
}
}
window.onload = function onstartlock () {
var Odiv = document.getElementById ("divContentId");
EventHandler (Odiv, function () {
oo ("divContentId", "diveaderid");
});
};
</script>
</head>
<тело>
<div id = "div1all"
style = "Положение: абсолют; слева: 0px; справа: 0px; top: 0px; внизу: 0px">
<div id = "divheaderid"
style = "arge-right: auto; argin-lefft: auto; переполнение: скрыто;">
<таблица cell -spacing = "0"
Style = "Border-Collapse: Collapsse; размер шрифта: 15px"
BorderColor = "#C1DAD7" cellPadding = "0" bgcolor = "#f5fffa"
ширина = "600px">
<Tr style = "Фон: темно -синий; цвет: белый; высота: 30px">
<Th> Заголовок A </th>
<Th> заголовок B </th>
<Th> Заголовок C </th>
<Th> Заголовок D </th>
<Th> заголовок E </th>
<Th> заголовок f </th>
</Tr>
</table>
</div>
<div id = "divContentId"
style = "Положение: абсолютно; слева: 0px; top: 30,5px; внизу: 0px; справа: 0px; переполнение: прокрутка">
<таблица cell -spacing = "0"
Style = "Border-Collapse: Collapsse; размер шрифта: 15px"
BorderColor = "#C1DAD7" cellPadding = "0" bgcolor = "#f5fffa"
ширина = "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>