web 页面table 斜线效果跨越多行和多列

最新推荐文章于 2023-08-21 10:48:12 发布

FlowerJunjie

最新推荐文章于 2023-08-21 10:48:12 发布

阅读量6.9k

点赞数

文章标签： table web function input xhtml javascript

本文链接：https://blog.csdn.net/FlowerJunjie/article/details/3910630

版权

这篇博客通过HTML和JavaScript展示了如何在web页面的表格中实现跨多行和多列的斜线效果。通过分析和遍历表格单元格，确定空单元格并绘制线条，实现了动态的表格内部画线功能。

摘要由CSDN通过智能技术生成

用代码说话！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML xmlns:v="urn:schemas-microsoft-com:vml"> <head runat="server"> <title>无标题页</title>  <SCRIPT language="javascript" src="JS/DrawLine.js" mce_src="JS/DrawLine.js" type="text/javascript"></SCRIPT> <STYLE> v/:* { BEHAVIOR: url(#default#VML) }</STYLE>  </head> <body οnlοad="LookForTb(testTable,testDiv); > <form id="form1" runat="server"> <DIV id="testDiv" style="Z-INDEX:200" mce_style="Z-INDEX:200"></DIV> <TABLE id="testTable" border=1 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