很有意思的实现方式 通过添加很多个长宽都为1px的img对象来模拟直线:〉
简单的直线、小规模的还可以,还是觉得VML比较实用可以实现复杂的表头,还可以添加文字。
不过这种方法 很简单不需要应用VML.
简单的直线、小规模的还可以,还是觉得VML比较实用可以实现复杂的表头,还可以添加文字。
不过这种方法 很简单不需要应用VML.
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
< HTML >
< HEAD >
< TITLE > New Document </ 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='pxgggggg.gif' width=1 height=1>")}
</ script >
< body leftmargin =20 topmargin =20 >
< TABLE border =0 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 </ 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 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,1000,1000,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')
</ script >
</ BODY >
</ HTML >
< HTML >
< HEAD >
< TITLE > New Document </ 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='pxgggggg.gif' width=1 height=1>")}
</ script >
< body leftmargin =20 topmargin =20 >
< TABLE border =0 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 </ 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 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,1000,1000,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')
</ script >
</ BODY >
</ HTML >