<HTML>
<HEAD>
<TITLE>1</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script Language="javascript">
function a(x, y, color) {
document.write("<img border='0' style='position: absolute; left: "
+ (x + 20) + "; top: " + (y + 20) + ";background-color: "
+ color + "' src='px.gif' width=1 height=1>")
}
</script>
<body leftmargin=20 topmargin=20>
<TABLE border=0 bgcolor="00aaaa" cellspacing="1" width=100>
<TR bgcolor="FFFFFF">
<TH id="td1" height='50' width=10%>
<div id="canvas" style="position: absolute; top: 20; left: 40">
<table border=0 width=100%>
<tr>
<th valign='middle' align='right'
style='background: transparent; font-size:13pt'>sector</th>
</tr>
<tr>
<th valign='middle' align='left'
style='background: transparent; font-size:11pt'>region</th>
</tr>
</table>
</div>
</TH>
</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;
a(x, y, color);
}
}
//line(1,1,100,100,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#FFFFFF')
</script>
</BODY>
</HTML>
分享到：
相关推荐
为了提高视觉效果，有时需要在表格表头中添加斜线来区隔不同的表头内容。实现斜线表头有多种方法，下面将详细介绍这五种方法的实现原理和适用场景。 1. 图片背景法 直接利用UI设计人员制作好的带有斜线的图片作为...
本文将详细讲解如何在HTML的`<table>`中实现斜线的绘制。 首先，让我们了解HTML `<table>`的基本结构。一个简单的表格由`<table>`标签开始，包含若干行`<tr>`（表格行）和列`<td>`（表格数据单元格）。例如： ```...
在网页设计中，创建带有斜线的表格表头可以增加信息层次感，使得数据更易于理解。本示例探讨如何使用JavaScript（js）来实现这一功能。JavaScript是一种强大的客户端脚本语言，它允许我们在用户的浏览器上动态地创建...
实现功能点 1.行的合并 2.列的合并 3.给表头添加斜线 4.动态生成列
数据表（多行表头、斜线、传统账本格式的金额格式等）： 支持固定行高（默认）、自动折行的动态行高 支持列宽自动优化调节（如打印一个比较大的表，可能要 打印到多页，每页可根据当前页优化列宽） 分栏...
数据表（多行表头、斜线、传统账本格式的金额格式等）： 支持固定行高（默认）、自动折行的动态行高 支持列宽自动优化调节（如打印一个比较大的表，可能要 打印到多页，每页可根据当前页优化列宽） 分栏...
7. **自定义表头**：使用CSS可以创建复杂的表头样式，如斜线分割的多列标题，或者带有下拉菜单的表头单元格。 8. **可扩展性与自定义组件**：在开发过程中，可以考虑创建可复用的表格组件，这样在多个项目中都能...
14. **绘制斜线表头**：结合文本框和单元格旋转功能，可以创建带有斜线的复杂表头。 15. **绘制斜线单元格**：使用“插入”>“形状”>“线条”，配合单元格合并和文字旋转，可以画出斜线分割单元格。 16. **每次...
7. **表格**：`<table>`元素创建表格，`<tr>`表示行，`<th>`定义表头单元格，`<td>`定义普通数据单元格。 8. **表单**：HTML表单用于收集用户输入，`<form>`元素定义表单，`<input>`元素可以是文本框、按钮、复选框...