表格斜线-前端--易笔记

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD>

<body leftmargin=20 topmargin=20> 
<TABLE border=0 bgcolor="000000" cellspacing="1" width=400> 
<TR bgcolor="FFFFFF"> 
    <TD id="td1"> </TD> 
    <TD>张三</TD> 
    <TD>李四</TD> 
    <TD>王五</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 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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

时间：2006/9/14