在网页上的<table>表里面,第一个单元格如何增加一条斜线??求代码..

解决方案 »

  1.   

    <!--<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   --><HTML>
    <HEAD>
    <TITLE> <table>单元格中划斜线 </TITLE><script Language="javascript">
    function a(x,y,color)
    {document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}
    </script><body leftmargin=20 topmargin=20>
    <TABLE border=0 bgcolor="00aaaa" cellspacing="1" width=40%>
    <TR bgcolor="FFFFFF">
    <TH id="td1" height='40'>
    <div id="canvas" style="position:absolute;top:20;left:40">
       <table border=0 width=100%><tr><th valign='middle' align='right' style='background:transparent'>分类</th></tr><tr><th valign='middle' align='left' style='background:transparent'>项目</th></tr>
       </table>
    </div>
    </TH>
    <TH>张三</TH>
    <TH>李四</TH>
    <TH>王五</TH>
    </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 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(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')
    </script>
    </BODY>
    </HTML>