各位大神 ,怎样在table的 td中添加 一条斜线?
各位大神 ,怎样在table的 td中添加 一条斜线?
[解决办法]
加斜线不是目的 ,之后对角线上下怎么放字呢 字数不固定的时候,单元格的大小会变 ,这条线能保证是对角线?
[解决办法]
结贴率0%,好纠结要不要告诉楼主。
<HTML>
<HEAD>
<TITLE>
斜线表头
</TITLE>
</HEAD>
<script Language="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>")
}
</script>
<body leftmargin=0 topmargin=0>
<br>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=400>
<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>
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>