斜线表头

来源：互联网发布：初级网络优化工程师编辑：程序博客网时间：2024/05/17 08:31
代码：
<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>
0 0