表格斜线

394 查看

<title> New Document </title> 
<meta content="EditPlus" name="Generator"/> 
<meta content="" name="Author"/> 
<meta content="" name="Keywords"/> 
<meta content="" name="Description"/>

<table bgcolor="000000" border="0" 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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最近更新的内容

CSS Gradient详解
JS核心系列：浅谈 call apply 与 bind
JS核心系列：浅谈原型对象和原型链
利用bootstrap的modal组件自定义alert，confirm和modal对话框
前端工程师是怎样一种职业
详解Javascript中的Object对象
JavaScript 开发最佳实践
谈笑风生组件化
彻底理解js中this的指向
javascript 作用域和 this 关键字

你可能感兴趣的文章

6本值得一读的JavaScript英文电子书
在JavaScript中一切都是对象吗？
使用 SVG 输出 Octicon
如何压缩 HTTP 请求正文
谈谈 HTTP/2 的协议协商机制
console对象–详解
HTTP 412 错误 – 先决条件失败 (Precondition failed)
CSS vs JS动画：谁更快？
调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
Web开发者色彩搭配快速指南

2024 - 快车库 - 我的知识库重庆启连科技有限公司渝ICP备16002641号-10
企客连连表单助手企服开发榜单123