模板無憂
網頁特效
每日更新
|
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.wf0088.com"> <title>行變成列，列變成行 模板無憂www.wf0088.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 class="hvjln7z" 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列表鼠標經過更換背景色
相關鏈接：
復制本頁鏈接
|
搜索行變成列，列變成行
特效說明：
層和布局模板
-
行變成列，列變成行
。
。。