`
qinya06
  • 浏览: 582236 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

斜线表头

    博客分类：
  • html
html 
阅读更多


------------------------------------------------------------------ 
<!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>
  • 大小: 17.6 KB
分享到：
| jquery 解析xml对象
评论
1 楼 ilyq 2017-02-27  
请问，px.gif 在哪里
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics