国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

實用的標簽效果

2020-10-23 18:48:43

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

<style type="text/css"> body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decoration:none} a:hover {color:#ff0000; text-decoration:underline} .s01 {border:#6BA6DE 1px solid; border-bottom:0px; background:#eff7ff; padding-top:1px} .s02 {border:#ffffff 1px solid; border-bottom:#6BA6DE 1px solid; background:#ffffff;} </style> <script language="javascript"> function secBoard(n) {     for(i=1;i<5;i++)     {         eval("document.getElementById('cl0"+i+"').className='s02'");         eval("tbx0"+i+".style.display='none'");     }     eval("document.getElementById('cl0"+n+"').className='s01'");     eval("tbx0"+n+".style.display='block'"); } </script> <table width="247" border="0" cellpadding="0" cellspacing="0" id="secTable"> <tr align="center"> <td id="cl01" width="60" class="s01" onClick="secBoard(1);" style="cursor:hand">選項卡1</td> <td id="cl02" width="60" class="s02" onClick="secBoard(2);" style="cursor:hand">選項卡2</td> <td id="cl03" width="60" class="s02" onClick="secBoard(3);" style="cursor:hand">選項卡3</td> <td id="cl04" width="60" class="s02" onClick="secBoard(4);" style="cursor:hand">選項卡4</td> <td width="7" class="s02"> </td> </tr> </table> <table width="247" height="200" style="border:#6BA6DE 1px solid; border-top:0px;"> <tr> <td height="20">這還可以放固定不變的東西，如果要加上，去掉注釋符</td> </tr> <tr> <td valign="top" style="padding-top:5px;"> <div style="display:" id="tbx01">這個里面可以放你需要的東西，如果有多個選項卡的話可以適量修改代碼就可以了</div> <div style="display:none;height:300" id="tbx02">具體的大小你自己調(diào)，我這做的很明顯，注意上面表格和下面表格寬度要一樣，下面一個表格的高度隨便改，最好手動修改本代碼，即不要用 DW 等工具調(diào)大小</div> <div style="display:none;height:400" id="tbx03">所有的樣式呀什么的，你都可以自己改，不懂的再問我</div> <div style="display:none;" id="tbx04">嘿嘿，專為 <font color="#ff0000">.....</font> 設(shè)計制作</div> </td> </tr> </table>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上一篇：找到html標記對應(yīng)的腳本屬性

下一篇：怎么讓表格為固定大小，超出的部分顯示為省略號

學(xué)習(xí)交流

BIOS 中英文對照表 BIOS設(shè)置參考

BIOS 中英文對照表 BIOS設(shè)置參考...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點

猿輔導(dǎo)宣布完成22億美元融資投后估值155億美元

2020-10-22 13:18:25

要強化科技投入！京東物流CEO王振輝：我們永遠是乙方

2020-10-22 13:16:47

傳快手最快于11月份香港上市騰訊成最大贏家

2020-10-22 13:14:41

天貓雙11開局：1小時超300個品牌成交超去年全天

2020-10-21 18:23:20

雙十一預(yù)售首日李佳琦薇婭直播間帶貨近70億

2020-10-21 18:21:00

滴滴人事調(diào)整：孫樞任網(wǎng)約車公司執(zhí)行總裁

2020-10-21 18:18:42

疑難解答

圖片精選

網(wǎng)友關(guān)注

主站蜘蛛池模板：新源县| 阿巴嘎旗| 浦城县| 岳西县| 开封县| 吴川市| 平陆县| 卢湾区| 汝州市| 黄陵县| 农安县| 石柱| 小金县| 五大连池市| 博客| 兴仁县| 神农架林区| 长岛县| 婺源县| 巴林右旗| 天祝| 旅游| 武邑县| 中山市| 保德县| 泌阳县| 苗栗市| 兴和县| 长岛县| 通州市| 杭锦旗| 那坡县| 南木林县| 三明市| 阿克苏市| 松滋市| 方正县| 海宁市| 佛冈县| 望奎县| 微山县|