tableTD中添加对角斜线
作者:互联网
<HTML> <HEAD> <TITLE> 斜线表头 </TITLE> </HEAD> <script Language="javascript"> function a(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>") } </script> <body leftmargin=0 topmargin=0> <br> <TABLE border=0 bgcolor="000000" cellspacing="1" width=400> <TR bgcolor="FFFFFF"> <TD width="111" height="52"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="td1"> </td> <td> 成绩<br/>成绩 </td> </tr> <tr> <td> 姓名成绩 </td> <td id="td2"> </td> </tr> </table> </TD> <TD width="81"> 数学 </TD> <TD width="96"> 英语 </TD> <TD width="99"> C语言 </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> function getTop(tdobj) { vParent = tdobj.offsetParent; t = tdobj.offsetTop; while (vParent.tagName.toUpperCase() != "BODY") { t += vParent.offsetTop; vParent = vParent.offsetParent; } return t; } function getLeft(tdobj) { vParent = tdobj.offsetParent; t = tdobj.offsetLeft; while (vParent.tagName.toUpperCase() != "BODY") { t += vParent.offsetLeft; vParent = vParent.offsetParent; } return t; } 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(getLeft(td1), getTop(td1), getLeft(td1) + td1.offsetWidth, getTop(td1) + td1.offsetHeight, '#000000'); line(getLeft(td2), getTop(td2), getLeft(td2) + td2.offsetWidth, getTop(td2) + td2.offsetHeight, '#000000'); </script> </BODY> </HTML>
标签:tmp,function,tableTD,offsetParent,斜线,tdobj,vParent,对角,x1 来源: https://www.cnblogs.com/binmengxue/p/12145368.html