javascript 实现的表格斜线

源代码：

<!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>

<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,100,100,"000000");
line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')
</script>
</BODY>
</HTML>

效果

")} </script>

	张三	李四	王五
数学	55	66	77
英语	99	68	71
语文	33	44	55

javascript 实现的表格斜线相关推荐

HTML CSS JavaScript 从一个表格到一个灰阶颜色表（目录）
HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 01 HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 02 HT ...
php表格单元格怎么实现排序,javascript实现对表格元素进行排序操作
我们在上网中都能看到很多能够排序的,如大小.时间.价格等现在我们也试一下排序功能: 排序的函数代码:里面含有点击之后排序--还原,和排升序和降序. function sortAge(){ //对年龄 ...
现实世界的数据结构：JavaScript中的表格和图形
by Yung L. Leung 梁永良现实世界的数据结构:JavaScript中的表格和图形 (Real world data structures: tables and graphs in J ...
在 JavaScript 中隐藏表格行
在 JavaScript 中,我们可以在一个通用的类下定义某些表数据,该类将具有一些可配合的功能.此特定函数将声明该表的行在选择性触发器上的行为方式. 在 JavaScript 中,我们可以在一个通用 ...
Word表格斜线怎么弄？这里有三种方法很实用
有些时候我们也会在Word文档中插入表格,因为这样可以准确的表达出文档中的内容.大家应该都知道Excel表格斜线怎么弄,那么Word表格斜线怎么弄吗?今天呢小编就帮大家总结了三种方法哦,有需要的小伙伴 ...
表格对角线两边打字_表格斜线一分为二怎么打字（excel斜杠分割表格打字）
在整理表格的时候,相信许多朋友都会涉及到表格斜线的制作.比如单斜线和双斜线来区分不同维度项目.下面我们就来学习一下,如何通过Excel快速来添加我们的表格斜线. 案例一:两步快速制作单表格单斜线第一 ...
利用Javascript动态生成表格的小demo
利用Javascript动态生成表格的小demo 利用Javascript中data数据库存储内容动态生成表格,点击删除可对整行内容进行删除 <!DOCTYPE html> <htm ...
表格对角线两边打字_表格对角线两边打字_表格斜线一分为二怎么打字（excel斜杠分割表格打字）...
在整理表格的时候,相信许多朋友都会涉及到表格斜线的制作.比如单斜线和双斜线来区分不同维度项目.下面我们就来学习一下,如何通过Excel快速来添加我们的表格斜线. 案例一:两步快速制作单表格单斜线第一 ...
php 复杂表格,Linux_使用JavaScript将复杂表格导出为Excel，使用JavaScript将表格导出为Excel - phpStudy...
使用JavaScript将复杂表格导出为Excel 使用JavaScript将表格导出为Excel文件是一种比较常见的导出方法,但复杂表格的导出比较麻烦(比如报表的导出),为此我专门写了一段代码专门处 ...

javascript 实现的表格斜线

javascript 实现的表格斜线相关推荐

最新文章

热门文章