其他分享
首页 > 其他分享> > tableTD中添加对角斜线

tableTD中添加对角斜线

作者:互联网

<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>
                成绩<br/>成绩
              </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>

 

 

标签:tmp,function,tableTD,offsetParent,斜线,tdobj,vParent,对角,x1
来源: https://www.cnblogs.com/binmengxue/p/12145368.html