首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

诸位大神 ,怎样在table的 td中添加 一条斜线

2013-12-07 
各位大神,怎样在table的 td中添加 一条斜线?各位大神,怎样在table的 td中添加 一条斜线?[解决办法]加斜线

各位大神 ,怎样在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>

热点排行