|
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。如果您注册时有任何问题请联系客服QQ: 83569622 。
您需要 登录 才可以下载或查看,没有帐号?注册
x
本帖最后由 shunfengfan 于 2011/8/19 17:45 编辑
转自:http://hi.baidu.com/qdh126/blog/item/3223982420ea59074c088dea.html
- <!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>
- <script Language="javascript">
- function drawPoint(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>");
- }
- function drawLine(obj,color)
- {
- L=obj.offsetLeft;
- T=obj.offsetTop;
- W=obj.offsetWidth;
- H=obj.offsetHeight;
- var x1=L,x2=L+W,y1=T,y2=T+H;
- while(obj=obj.offsetParent)
- {
- x1+=obj.offsetLeft;
- y1+=obj.offsetTop;
- }
- //**获取td1绝对坐标**//
- x2=x1+W;
- y2=y1+H;
- for(var i=x1;i<=x2;i++)
- {
- x = i;
- y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
- drawPoint(x,y,color);
- }
- }
- </script>
- <body leftmargin=20 topmargin=20>
- <TABLE border=0 bgcolor="000000" cellspacing="1" width=100%>
- <!--最好将表格的宽度设为固定大小而不是相对大小如width="100%",不然当页面大小改变时画出来的斜线大小形状不能改变而出错-->
- <TR bgcolor="FFFFFF">
- <TD id="td1">
- <div align="right">项目</div>
- <div align="left">部门</div>
- </TD>
- <!--也可以在td1中入一个四单元表格(2x2边框不可见)-->
- <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>
- if(document.getElementById("td1") != null )
- drawLine(td1,'#000000');
- //**先要判断td1是否存在**//
- </script>
- </BODY>
- </HTML>
复制代码
|
|