在网页中画单元格斜线分割

<!-------------------------------------VML画斜线条------------------------------------

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!--[if !mso]>
<style>
v/:*         { behavior: url(#default#VML) }
o/:*         { behavior: url(#default#VML) }
.shape       { behavior: url(#default#VML) }
body { background:#FFFFFF; color:#333333; font-size: 12px; }
td {  font-size: 12px}
select {  font-size: 12px; border-width:1px}
span {  font-size: 12px; position: static }
</style>
<![endif]-->

<div style="top:0;left:0;z-index:100;POSITION: absolute;"><h1>
<!--[if gte vml 1]><v:line id='msi_1027' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='45px,0px' to='45px,515px' strokecolor='#CCC'/><![endif]--></h1></div>
<!-------------------------------------VML画斜线条------------------------------------>

 

 

<script>
<!-------------------------------------JS画斜线条------------------------------------>
function a(x,y,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>")}
function line(x1,y1,x2,y2,color)
{
    var tmp
    if(x1>=x2)
    {
  //加入测试数据
/**
        x1=40;
        y1=40;

        x2=500;
        y2=500;

**/

    }
    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");
function ceshi()
{
alert("td1.offsetLeft="+td1.offsetLeft+"td1.offsetTop="+td1.offsetTop);
var aaa=td1.offsetHeight+td2.offsetHeight;
alert("td1.offsetWidth="+td1.offsetWidth+"td2.offsetHeight="+aaa);
}
line(td1.scrollLeft,td1.offsetTop,td1.scrollLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight+td2.offsetHeight,'#000000')

<!-------------------------------------JS画斜线条------------------------------------>
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值