`

页面中的表格如何画斜线

 
阅读更多

 

有的时候我们在做开发的时候会想要画出有斜线的表格，方法如下：

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>表格斜线</title>

</head>

<script Language="javascript">

function a(x, y, color) { //起始位置x，y；宽、高度都是1个像素；颜色是color画线。

document.write("<img border='0' style='position: absolute; left: "

+ (x + 18) + "; top: " + (y + 18) + ";background-color: "

+ color + "' src='px.gif' width=1 height=1>");

}

</script>

<body leftmargin=18 topmargin=18>

<TABLE border=0 bgcolor="000000" cellspacing="1" width=398>

<TR bgcolor="FFFFFF">

<TD id="td1">

</TD>

<TD>

张三

</TD>

<TD>

李四

</TD>

</TR>

<TR bgcolor="FFFFFF">

<TD>

c

</TD>

<TD>

72

</TD>

<TD>

36

</TD>

</TR>

<TR bgcolor="FFFFFF">

<TD>

c++

</TD>

<TD>

85

</TD>

<TD>

58

</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; //y=ax+b：标准的直线表达式，通过斜率求y值

a(x, y, color);

}

}

line(td1.offsetLeft, td1.offsetTop, td1.offsetLeft + td1.offsetWidth,td1.offsetTop + td1.offsetHeight, '#000000');

</script>

</BODY>

</html>

分享到：
| 优秀的对象角色建模解决方案-Torque
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    页面展现画斜线VML入门

    页面展现画斜线VML入门帮助文档,转载只供学习使用VML入门.chm

    《程序天下：JavaScript实例自学手册》光盘源码

    9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的...

    程序天下:JavaScript实例自学手册

    9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的...

    办公软件（操作员级)试题汇编操作的指南.doc

    * 设置斜线头：画斜线 版面设置与编排： * 设置页面：纸张大小、页边距 * 插入艺术字：设置艺术字字体、字号、式样、格式、形状、阴影、三维效果、调整位置等 * 分栏：将指定段落分栏，栏数、分割线、栏宽等 * ...

    计算机基础操作课程标准.doc

    制表能力 通过学习word中的表格绘制、斜线表头、表格样式等知识点使学生能够在word中灵 活运用表格进行排版。 通过学习excel中主要功能、界面组成、工作簿、工作表、单元格、数据库、字段， 记录，数据表结构，图表...

    办公软件技能大赛.pdf

    * 表格技巧：表格的插入、编辑表格，绘制斜线表头，表格与文字资料的转换等 * 图文混排技巧：图片的插入，添加剪辑，编辑图片等 * 高级排版技巧：页面设置、生成页眉页脚、分栏排版等 二、 Excel 应用技术 * 数据...

    Microsoft-Word2010培训教程.doc

    52 4.6拆分表格 53 4.7移动和缩放表格 53 4.8改变行高和列宽 54 4.9绘制斜线表头 55 4.10设置文本格式 56 4.10.1调整单元格中文本的对齐方式 56 4.10.2设置文字方向 57 4.11格式化表格 57 4.11.1对齐方式\文字环绕 ...

    计算机应用基础作业4.docx

    页面布局 正确答案是：页面布局 题目4 在PowerPoint 2010中，演示文稿可以使用_______命令，使其在转移到其他未安装PowerPoint 2010的计算机上可以放映。 选择一项： a. 保存 b. 另存为 c. 打包 d. 发送 正确答案是...

    计算机应用基础第三章测试答案.doc

    可以将表格中的一个单元格拆分成几个单元格 C.Word提供了绘制斜线表头的功能 D.不能用鼠标调整表格的行高和列宽 正确答案： D 21.采用（　）的做法，不能增加标题与正文之间的段间距。 A.增加标题的段前间距 B.增加...

    2013版exculGIF格式教程50条

    14.提取网页中的数据 15.为数据透视表添加切片器 16.修改图表坐标轴刻度 17.在具体时间内提取日期 18.多个数据透视表共享切片器 19.按行排序 20.切片器横向排列 21.隐藏切片器的页眉 22.快速输入工作日序列 23. ...

    电脑入门培训教程.doc

    8-1、插入表格 / 8-2、修改表格 8-3、输入内容 / 8-4、选定行列 / 8-5、插入行列 / 8-6、删除行列 8-7、拆分表格 / 8-8、合并单元格 8-9、拆分单元格 8-10、行高和列宽 8-11、绘斜线表头 8-12、边框和底纹 8-13、...

Magicbox
Global site tag (gtag.js) - Google Analytics