admin管理员组

文章数量:1516870

<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格斜线</title>
</head>
<script Language="javascript">
function a(x, y, color) { //起始位置x，y；宽、高度都是1个像素；颜色是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"><div style="float:left;">分类</div><div style="float:right;">姓名</div>
</td><td>张三</td><td>张三</td>
</tr>
<tr bgcolor="FFFFFF">
<td>
AAA
</td>
<td>
111
</td>
<td>
222
</td>
</tr>
<tr bgcolor="FFFFFF">
<td>
BBB
</td>
<td>
333
</td>
<td>
444
</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; //y=ax+b：标准的直线表达式，通过斜率求y值
a(x, y, color);
}
}

line(td1.offsetLeft, td1.offsetTop, td1.offsetLeft + td1.offsetWidth, td1.offsetTop + td1.offsetHeight, '#000000');
</script>
</body>
</html>

本文标签： 轻松禁用张三表格大变

版权声明：本文标题：HTML表格大变身：轻松禁用斜线，提升专业度与用户体验 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1772187629a3272028.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。