斜线表头

最新推荐文章于 2021-07-27 06:35:50 发布

zyuanq

最新推荐文章于 2021-07-27 06:35:50 发布

阅读量225

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/zyuanq/article/details/84412292

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

[img]http://dl.iteye.com/upload/attachment/0082/2123/4ec0d1e3-cbde-3357-95ae-09637f906e62.jpg[/img]
------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>斜线表头</TITLE>
<meta http-equiv="content-type" content="charset=gbk">
</HEAD>

<body leftmargin=0 topmargin=0>
	<br>
	<div height="300">header</div>
	<hr>
	<TABLE border=0 bgcolor="000000" cellspacing="1" width=400
		style="margin-left: 100px;">
		<TR bgcolor="FFFFFF">
			<TD width="111" height="52"><table width="100%" height="100%"
					border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td id="td1"></td>
						<td>成绩</td>
					</tr>
					<tr>
						<td>姓名</td>
						<td id="td2"></td>
					</tr>
				</table></TD>
			<TD width="81">数学</TD>
			<TD width="96">英语</TD>
			<TD width="99">C语言</TD>
		</TR>
		<TR bgcolor="FFFFFF">
			<TD>张三</TD>
			<TD>55</TD>
			<TD>66</TD>
			<TD>77</TD>
		</TR>
		<TR bgcolor="FFFFFF">
			<TD>李四</TD>
			<TD>99</TD>
			<TD>68</TD>
			<TD>71</TD>
		</TR>
		<TR bgcolor="FFFFFF">
			<TD>王五</TD>
			<TD>33</TD>
			<TD>44</TD>
			<TD>55</TD>
		</TR>
	</TABLE>
	<script type="text/javascript">
		function a(x, y, color) {
			document
					.write("<img   border='0'   style='position:   absolute;   left:   "
							+ (x)
							+ ";   top:   "
							+ (y)
							+ ";background-color:   "
							+ color
							+ "'   src='px.gif'   width=1   height=1>")
		}
		function getTop(tdobj) {
			vParent = tdobj.offsetParent;
			t = tdobj.offsetTop;
			while (vParent.tagName.toUpperCase() != "BODY") {
				t += vParent.offsetTop;
				vParent = vParent.offsetParent;
			}
			return t;
		}

		function getLeft(tdobj) {
			vParent = tdobj.offsetParent;
			t = tdobj.offsetLeft;
			while (vParent.tagName.toUpperCase() != "BODY") {
				t += vParent.offsetLeft;
				vParent = vParent.offsetParent;
			}
			return t;
		}
		function line(x1, y1, x2, y2, color) {
			var tmp
			if (x1 >= x2) {
				tmp = x1;
				x1 = x2;
				x2 = tmp;
				tmp = y1;
				y1 = y2;
				y2 = tmp;
			}
			for ( var i = x1; i <= x2; i++) {
				x = i;
				y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
				a(x, y, color);
			}
		}
		//line(1,1,100,100,"000000"); 
		line(getLeft(td1), getTop(td1), getLeft(td1) + td1.offsetWidth,
				getTop(td1) + td1.offsetHeight, '#000000');
		line(getLeft(td2), getTop(td2), getLeft(td2) + td2.offsetWidth,
				getTop(td2) + td2.offsetHeight, '#000000');
	</script>
</BODY>
</HTML>

zyuanq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
斜线表头

[img]http://dl.iteye.com/upload/attachment/0082/2123/4ec0d1e3-cbde-3357-95ae-09637f906e62.jpg[/img]------------------------------------------------------------------[code="html"]斜线表头...
复制链接

扫一扫

专栏目录