------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>斜线表头</TITLE>
<meta http-equiv="content-type" content="charset=gbk">
</HEAD>
<body leftmargin=0 topmargin=0>
<br>
<div height="300">header</div>
<hr>
<TABLE border=0 bgcolor="000000" cellspacing="1" width=400
style="margin-left: 100px;">
<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>成绩</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 type="text/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>")
}
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>
- 大小: 17.6 KB
分享到：
相关推荐
实现斜线表头有多种方法，下面将详细介绍这五种方法的实现原理和适用场景。 1. 图片背景法 直接利用UI设计人员制作好的带有斜线的图片作为表格表头的背景图，通过CSS将背景图铺满整个表头单元格。这种方法操作简单...
在处理Word2021文档表格时，绘制斜线表头是一个能够显著提升数据展示效果的技巧。本文将详细介绍如何在Word2021中绘制斜线表头及其样式，帮助读者高效地组织和呈现表格数据。 首先，我们需要明白斜线表头的作用和...
Word2021绘制斜线表头的方法 在Word2021中绘制斜线表头是一项非常实用的技能，特别是在工作中经常需要制作表格和调整表格格式的情况下。今天，我们将详细介绍如何绘制斜线表头的方法，以便更好地提高工作效率。 ...
Word 和 Excel 中斜线表头的绘制方法 在 Word 和 Excel 中，绘制斜线表头是非常重要的一步，因为它可以使我们的表格更加美观、易读和易于理解。下面将详细介绍在 Word 和 Excel 中绘制斜线表头的方法。 一、Word ...
在Excel中制作斜线表头是一项实用技巧，它可以帮助我们更有效地组织和呈现数据，尤其在需要在一个单元格内展示两个或多个分类信息时。斜线表头的制作方法多种多样，下面将详细介绍如何在Excel中创建斜线表头。 1. *...
Word2021文档中快速绘制斜线表头 在 Word2021 文档中快速绘制斜线表头是一个非常实用的技能，能够快速生成专业的表格，提高工作效率。下面将详细介绍如何在 Word2021 文档中快速绘制斜线表头。 一、创建表格 要...
在EXCEL中如何设置双斜线表头 在Excel中设置双斜线表头是很多用户经常遇到的问题。双斜线表头是指在表头中添加斜线，使表头更加美观和专业。下面我们将详细介绍两种方法来设置双斜线表头。 方法一：使用绘图工具 ...
在Excel中，创建斜线表头通常是为了解决单元格内同时展示两个维度的信息，如日期和星期，或者科目与分数等。当常规的文字排列方式无法满足需求时，斜线表头便显得非常实用。VBA（Visual Basic for Applications）是...
在Excel表格设计中，制作斜线表头是一种常见的需求，特别是在需要在一个单元格内展示两个或更多维度的数据时。由于Excel本身并未内置直接创建斜线表头的功能，我们需要利用一些技巧来实现。以下是一个详细的方法，...
在Excel表格中，斜线表头是一种常见的设计方式，它能有效地在有限的空间内展示更多的信息，例如将一列或多列的数据类型或者时间单位合并在一个单元格中。下面，我们将详细探讨如何在Excel中添加斜线表头，以及解决...
有时我们需要创建具有斜线表头的表格，以便在一个单元格内清晰地展示两个或多个分类信息。例如，一个单元格可能需要同时表示“月份”和“部门”，这时斜线表头就显得非常实用。下面我们将详细介绍如何在Excel中添加...
在Excel中创建斜线表头通常需要手动绘制斜线，但通过VBA（Visual Basic for Applications）编程，我们可以实现一键插入斜线表头的功能，极大地提高了工作效率。下面我们将详细探讨如何使用VBA来实现这个功能。 首先...
在Excel中绘制斜线表头是一项实用的技巧，可以有效地在有限的空间内展示更多的分类信息。下面我们将详细讲解如何在Excel中实现这个功能。 首先，你需要选中想要绘制斜线表头的单元格。这可以通过点击并拖动鼠标来...
在Excel中创建斜线表头是一项实用的技巧，可以有效地在一个单元格内展示两个或多个分类信息。以下是如何在Excel中绘制斜线表头的详细步骤： 1. **调整单元格大小**： - 首先，确保你想要创建斜线表头的单元格足够...
而在Excel中创建斜线表头就是一项提升表格可读性的实用技巧，特别适用于需要在一个单元格内展示两个或多个分类信息的情况。本文将为您详细解读如何在Excel 2021以及相近版本中绘制斜线并添加文字，从而创建出专业的...
在Excel中，制作斜线表头是常见的需求，主要用于清晰地表示二维信息。本文将详细介绍两种制作Excel斜线表头的方法：使用文本框和直接输入。 ### 方法一：使用文本框添加内容 1. **创建文本框**： - 首先，选择...
斜线表头制作
在网页设计中，创建带有斜线的表格表头可以增加信息层次感，使得数据更易于理解。本示例探讨如何使用JavaScript（js）来实现这一功能。JavaScript是一种强大的客户端脚本语言，它允许我们在用户的浏览器上动态地创建...
在Excel中，制作斜线表头是非常常见的需求，但是Excel表格中却没有直接的“绘制斜线表头”的功能，这让许多用户感到郁闷。其实，在Excel中制作斜线表头有多种方法本文将为大家介绍三种Excel斜线表头的画法。 方法一...