壹佰网|ERP100 - 企业信息化知识门户

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8144|回复: 1

HTML 在表格中画斜线

[复制链接]
发表于 2011/8/19 17:44:43 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。如果您注册时有任何问题请联系客服QQ: 83569622  。

您需要 登录 才可以下载或查看,没有帐号?注册

x
本帖最后由 shunfengfan 于 2011/8/19 17:45 编辑

转自:http://hi.baidu.com/qdh126/blog/item/3223982420ea59074c088dea.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. <!--
  6. <META NAME="Generator" CONTENT="EditPlus">
  7. <META NAME="Author" CONTENT="">
  8. <META NAME="Keywords" CONTENT="">
  9. <META NAME="Description" CONTENT="">
  10. -->
  11. </HEAD>
  12. <script Language="javascript">
  13. function drawPoint(x,y,color)
  14. {
  15. document.write("<img border='0' style='position: absolute; left: "+x+"; top: "+y+";background-color: "+color+"' src='px.gif' width=1 height=1>");
  16. }

  17. function drawLine(obj,color)
  18. {
  19. L=obj.offsetLeft;
  20. T=obj.offsetTop;
  21. W=obj.offsetWidth;
  22. H=obj.offsetHeight;
  23. var x1=L,x2=L+W,y1=T,y2=T+H;
  24. while(obj=obj.offsetParent)
  25. {
  26. x1+=obj.offsetLeft;
  27. y1+=obj.offsetTop;
  28. }
  29. //**获取td1绝对坐标**//
  30. x2=x1+W;
  31. y2=y1+H;
  32. for(var i=x1;i<=x2;i++)
  33. {
  34. x = i;
  35. y = (y2 - y1) / (x2 - x1) * (x - x1) + y1;
  36. drawPoint(x,y,color);
  37. }
  38. }
  39. </script>

  40. <body leftmargin=20 topmargin=20>
  41. <TABLE border=0 bgcolor="000000" cellspacing="1" width=100%>
  42. <!--最好将表格的宽度设为固定大小而不是相对大小如width="100%",不然当页面大小改变时画出来的斜线大小形状不能改变而出错-->
  43. <TR bgcolor="FFFFFF">
  44. <TD id="td1">
  45. <div align="right">项目</div>
  46. <div align="left">部门</div>
  47. </TD>
  48. <!--也可以在td1中入一个四单元表格(2x2边框不可见)-->
  49. <TD>张三</TD>
  50. <TD>李四</TD>
  51. <TD>王五</TD>
  52. </TR>
  53. <TR bgcolor="FFFFFF">
  54. <TD>数学</TD>
  55. <TD>55</TD>
  56. <TD>66</TD>
  57. <TD>77</TD>
  58. </TR>
  59. <TR bgcolor="FFFFFF">
  60. <TD>英语</TD>
  61. <TD>99</TD>
  62. <TD>68</TD>
  63. <TD>71</TD>
  64. </TR>
  65. <TR bgcolor="FFFFFF">
  66. <TD>语文</TD>
  67. <TD>33</TD>
  68. <TD>44</TD>
  69. <TD>55</TD>
  70. </TR>
  71. </TABLE>
  72. <script>
  73. if(document.getElementById("td1") != null )
  74. drawLine(td1,'#000000');
  75. //**先要判断td1是否存在**//
  76. </script>
  77. </BODY>
  78. </HTML>
复制代码


您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|手机版|壹佰网 ERP100 ( 京ICP备12025635号 京ICP证120590号 )

Copyright © 2005-2012 北京海之大网络技术有限责任公司 服务器托管由互联互通
手机:13911575376
网站技术点击发送消息给对方83569622   广告&合作 点击发送消息给对方27675401   点击发送消息给对方634043306   咨询及人才点击发送消息给对方138011526

GMT+8, 2020/5/30 22:31 , Processed in 0.019137 second(s), 7 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表