0顶

拆分单元格

稿源：互联网 2022-05-11 23:46:55 点击： 580 撤稿纠错

对表格的单元格进行拆分，阿里西西网页特效收集。

以下讨论的是和特效相关的拆分单元格教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=gb2312">
<title>拆分单元格－阿里西西WEB开发www.alixixi.com</title>
<style>
*         {font:menu}
td
{
	background: #f2f3f7;
	/*width:      30;*/
	height:     20;
	text-align:	center;
}
table
{
	width:      200;
}
</style>

<button onclick='split_table(phx);'>拆分表格一</button>  <button onclick='split_table(phx2);'>拆分表格二</button>

<div id="newtable"></div>
<script>
window.onerror = function(err, url, line)
{
	alert('在代码 ' + line + ' 行发生错误: ' + err + 'rr错误原因: 表格中行 ' + (r + 1) + ' 列 ' + (phxcols + 1)
			  + ' 单元格空缺');

return true;
}
function split_table(phx)
{
//作者：panliu888
//修改：海娃
//2004-3-8
	var c = 0

for (var i = 0; i < phx.rows[0].cells.length; i++)
	{
		c += phx.rows[0].cells[i].getAttribute("colspan");
	}

var data = new Array(phx.rows.length)

for (var r = 0; r < phx.rows.length; r++)
	{
		data[r] = new Array(c);
	}

for (var r = 0; r < phx.rows.length; r++)
	{
		phxcols = 0;

for (var i = 0; i < c; i++)
		{
			if (typeof(data[r][i])== "undefined")
			{
				for (var row = 0; row < phx.rows[r].cells[phxcols].getAttribute("rowspan"); row++)
				{
					for (var cols = 0; cols < phx.rows[r].cells[phxcols].getAttribute("colspan"); cols++)
					{
						data[r + row][i + cols] = phx.rows[r].cells[phxcols].innerText;
					}
				}

phxcols++;
			}
		}
	}

demo = "";
	tablehtml = "";
	for (var c = 0; c< data.length; c++)
	{
		tablehtml += "<tr>"
		for (var r = 0; r < data.length; r++)
		{
			if (typeof(data[c][r])!="undefined")
			{
				tablehtml += "<td>" + data[c][r] + "</td>"
				demo += "data[" + c + "][" + r + "]: ="" + data[c][r] + "";t"
			}
		}
		tablehtml += "</tr>"
		demo += "r"
	}
	//alert(data)
	//alert(demo)
	newtable.innerHTML = "<table cellspacing = 1 bgcolor = #cccccc>"+tablehtml+"</table>"
}
</script>
</body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于拆分单元格的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809072390.shtml方便下次再访问哦。

·上一篇： 表格行与列转换效果
·下一篇： 极酷的表格

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

拆分单元格

文章分类LIST >>返回首页

最新游戏

最新新闻