您好,欢迎来到模板无忧!
登录
注册
鏀惰棌
鎼滅储
鍦板浘
甯姪
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
拆分单元格_层和布局特效
查看演示效果
特效Tag:
暂无Tag,欢迎
添加
,赚取U币!
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
拆分单元格,您可以先修改部分代码再运行.
<html> <head> <meta http-equiv = "Content-Type" mrc = "text/html; charset=gb2312"> <title>拆分单元格-模板无忧www.mb5u.com</title> <style> * {font:menu} td { background: #f2f3f7; /*width: 30;*/ height: 20; text-align: center; } table { width: 200; } </style> <body> <table cellspacing = 1 bgcolor = #cccccc id = phx align=left> <tr> <td>1</td> <td>11</td> <td>21</td> <td>31</td> <td>41</td> <td>51</td> </tr> <tr> <td>2</td> <td colspan="2" rowspan="3">*</td> <td>32</td> <td>42</td> <td>52</td> </tr> <tr> <td>3</td> <td>33</td> <td>43</td> <td>53</td> </tr> <tr> <td>4</td> <td>34</td> <td colspan="2" rowspan="2">**</td> </tr> <tr> <td>5</td> <td>15</td> <td>25</td> <td>35</td> </tr> <tr> <td>6</td> <td colspan="2" rowspan="2">***</td> <td>36</td> <td>46</td> <td>56</td> </tr> <tr> <td>7</td> <td>37</td> <td>47</td> <td>57</td> </tr> <tr> <td>8</td> <td>18</td> <td>28</td> <td>38</td> <td>48</td> <td>58</td> </tr> </table> <table cellspacing = 1 bgcolor = #cccccc id = phx2> <tr> <td>1</td> <td>11</td> <td>21</td> <td>31</td> <td>41</td> <td>51</td> </tr> <tr> <td>2</td> <td colspan="5" rowspan="6">**</td> </tr> <tr> <td>3</td> </tr> <tr> <td>4</td> </tr> <tr> <td>5</td> </tr> <tr> <td>6</td> </tr> <tr> <td>7</td> </tr> <tr> <td>8</td> <td>18</td> <td>28</td> <td>38</td> <td>48</td> <td>58</td> </tr> </table> <br/> <button onclick='split_table(phx);'>拆分表格一</button> <button onclick='split_table(phx2);'>拆分表格二</button> <br/><br/> <div id="newtable"></div> <script> window.onerror = function(err, url, line) { alert('在代码 ' + line + ' 行发生错误: ' + err + '\r\r错误原因: 表格中行 ' + (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>
所属频道:
层和布局特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
表格操作
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
表格行高亮,滑动变色代码
一款很酷的li列表美化实例
简洁选项卡Tab,点击后对应背景也会切换
CSS 圆角
CSS使用LI实现2组4列的文章列表并垂直对齐
图片_文字列表的滑动门特效
选中内容单元格加亮的JS
JS滑动展开层
可拖动单元格
CSS平铺背景图片实现百分比图表
猜你也喜欢看这些
JS无刷新改变网页背景图片
鼠标使链接变色:鼠标放到链接上,每放一次都会出现不同的背景色
Js适时切换网页背景颜色
CSS表格单元格背景颜色渐变
CSS让背景横向重复(水平平铺)的办法
一个滚动的公告栏
精美js鼠标跟随代码
鼠标放上链接改变网页背景颜色
斗转星移
QQ式的导航(new)
相关链接:
复制本页链接
|
搜索拆分单元格
特效说明:
层和布局模板
-
拆分单元格
。
閺€鎯版&閸掑棔闊�
QQ缁屾椽妫�
閺傜増姘顔煎触
閼垫崘顔嗗顔煎触
娴滆桨姹夌純锟�
瀵偓韫囧啰缍�
閻ф儳瀹抽幖婊嗘
婢跺秴鍩楃純鎴濇絻
閺囨潙顦�...