table中做连接线

最新推荐文章于 2024-05-28 14:58:20 发布

止境

最新推荐文章于 2024-05-28 14:58:20 发布

阅读量2.2k

点赞数

分类专栏： HTML & XML

本文链接：https://blog.csdn.net/hc1104/article/details/12616285

版权

本文展示了如何在HTML表格中创建连接线的效果，特别是在11选5号码走势图的应用。通过编写JavaScript并利用DrawLine方法，结合td标签的id属性来定位并绘制线条。

摘要由CSDN通过智能技术生成

首先先看一下效果，这是在在table中制作的连接线的样子（图为11选5号码走势图中的一部分）。

首先先创建一个js文件。

该JS中是利用DrawLine来做连接线，当然需要在HTML中td标签中的的id来标记，需要做连接线的位置。

var FFLine = function(lColor,lWidth){
    this.color = lColor;
    this.width = lWidth;
}
FFLine.prototype = {
    DLine:function(CurrnetTd,PrevTd,tw,plw){
        var tid = $("#"+CurrnetTd);
        var fid = $("#"+PrevTd);
	    var f_width = fid.outerWidth();
	    var f_height = fid.outerHeight();
	    var f_offset = fid.offset();
	    var f_top = f_offset.top;
	    var f_left = f_offset.left;
	    var t_offset = tid.offset();
	    var t_top = t_offset.top;
	    var t_left =