表格里的斜线，类似课程表的斜线

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---表格里的斜线，类似课程表的斜线</title></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='http://www.jscode.cn/JsHtml/px.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><a href='http://doc.itfensi.com/math' target='_blank' class='infotextkey'>数学</a></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><a href='http://doc.itfensi.com/lan' target='_blank' class='infotextkey'>语文</a></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,100,100,"000000");line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')</script></BODY></html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：取得鼠标所在位置的对象
下一篇：可以用鼠标拖动的表格

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

表格里的斜线，类似课程表的斜线

相关内容

开发频道推荐

开发热点文章