表格斜线的实现方法_层和布局特效

表格斜线的实现，实现表格表头的斜线，基于JavaScript技术实现，比较新颖，可以用来作课程表及统计表格等，效果不错。

<html>

<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>表格斜线</title>
</head>
<script Language="javascript">
function a(x,y,color)
{document.write("<img border='0' style='position: absolute; left: "+(x+18)+"; top: "+(y+18)+";background-color: "+color+"' src='px.gif' width=1 height=1>")}
</script>

<body leftmargin=18 topmargin=18>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=398>
<TR bgcolor="FFFFFF">
    <TD id="td1"> </TD>
    <TD>阿Q</TD>
    <TD>张四</TD>
  </TR>
<TR bgcolor="FFFFFF">
    <TD>软件理论</TD>
    <TD>72</TD>
    <TD>36</TD>
  </TR>
<TR bgcolor="FFFFFF">
    <TD>计算机</TD>
    <TD>85</TD>
    <TD>58</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>

所属频道：层和布局特效/更新时间：2013-01-07

[收藏][报错][返回列表]

表格斜线的实现方法_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些