模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
行变成列，列变成行_层和布局特效
查看演示效果
特效Tag：
暂无Tag,欢迎
添加
,赚取U币!
行变成列，列变成行,您可以先修改部分代码再运行.
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <META NAME="Description" CONTENT="模板无忧www.mb5u.com"> <title>行变成列，列变成行 模板无忧www.mb5u.com</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- function convertable() { var r, re; var s = haiwa.outerHTML; re = /<table(.[^>]*)>/i; r = s.match(re)[0].replace(" id="," oldid="); var tablehtml=r for(var i=0;i<haiwa.rows[0].cells.length;i++) { tablehtml+="<tr>" for (var k=0;k<haiwa.rows.length;k++) { tablehtml+=haiwa.rows[k].cells[i].outerHTML } tablehtml+="</tr>" } tablehtml+="</table>" mynewtablezone.innerHTML = tablehtml } //--> </SCRIPT> <button onclick=convertable();>换换</button> <table border="1" cellpadding="0" cellspacing="0" width="600" height="120" id=haiwa> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>11</td> <td bgcolor="#999999">21</td> <td>31</td> <td>41</td> <td>51</td> <td>61</td> </tr> <tr> <td>12</td> <td><font color="#FF0000">22</font></td> <td>32</td> <td>42</td> <td bgcolor="#FFCC66">52</td> <td>62</td> </tr> <tr> <td>13</td> <td>23</td> <td background="http://expert.csdn.net/images/csdn.gif">33</td> <td>43</td> <td><b>53</b></td> <td>63</td> </tr> <tr> <td>14</td> <td>24</td> <td>34</td> <td>44</td> <td>54</td> <td>64</td> </tr> </table> <br> <div id="mynewtablezone"></div> </body> </html>
所属频道：
层和布局特效
/
更新时间：2012-06-08
[收藏]
[报错]
[返回列表]
相关
层和布局特效
：
表格内容排序sortTable
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
表格操作
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
CSS让同一行文字和输入框对齐
一个美化代码块的CSS样式示例
一个美化很不错的表格，隔行换色
DIV+CSS 表格的实现
不断变换颜色的炫丽表格特效
CSS数字列表的使用
Js动画打开、关闭层的演示代码
CSS中1px虚线边框的方法
CSS 图片列表，横向
JavaScript使用CreateElement方法创建动态表格
猜你也喜欢看这些
精美js鼠标跟随代码
渐变
选色板
CSS背景不滚动
用选项卡控制DIV层切换改变背景颜色
网页背景的所有安全色展示
禁止别人使用 quot;另存为 quot;保存你的网页
主题变色
CSS控制图片背景自适应大小【荐】
无序UL列表鼠标经过更换背景色
相关链接：
复制本页链接
|
搜索行变成列，列变成行
特效说明：
层和布局模板
-
行变成列，列变成行
。
。。