码迷,mamicode.com
首页 > 其他好文 > 详细

表格斜线的实现方法

时间:2014-07-30 11:58:13      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   io   for   

  • 表格斜线的实现,实现表格表头的斜线,基于JavaScript技术实现,比较新颖,可以用来作课程表及统计表格等,效果不错。
<html>
<head>
<meta http-equiv="Content-Type" content="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>

 

表格斜线的实现方法,布布扣,bubuko.com

表格斜线的实现方法

标签:style   blog   http   color   java   os   io   for   

原文地址:http://www.cnblogs.com/youtianxia/p/3877407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!