欧美黑人激情性久久,一本色道久久综合无码人妻,欧美另类人妻制服丝袜,日韩精品一卡2卡3卡4卡新区乱码,欧洲熟妇性色黄在线观看免费,97夜夜澡人人爽人人喊中国片,77se77亚洲欧美在线,久久精品一区二区免费播放

<ul id="ocqsk"><tbody id="ocqsk"></tbody></ul>

<strike id="ocqsk"><menu id="ocqsk"></menu></strike>

<ul id="ocqsk"><tbody id="ocqsk"></tbody></ul>

<cite id="ocqsk"></cite>

<ul id="ocqsk"><pre id="ocqsk"></pre></ul>

一種簡潔的選項卡效果代碼

HTML教程
07年10月28日
編輯

sj33cn

選項卡原身是Windows操作系統的一個創意，即通過交換選項，讓很多項目信息輪替顯示在大小和位置都固定的小塊區域里。因此選項卡具有占用篇幅小，輻射內容大的特點。一個典型的例子是你打開IE瀏覽器，依次點擊“工具”-“Internet選項”，這個表單就是一個選

　　選項卡原身是Windows操作系統的一個創意，即通過交換選項，讓很多項目信息輪替顯示在大小和位置都固定的小塊區域里。因此選項卡具有占用篇幅小，輻射內容大的特點。一個典型的例子是你打開IE瀏覽器，依次點擊“工具”-“Internet選項”，這個表單就是一個選項卡典型布局。當然了，這里所說的選項卡效果是要在Web頁面實現的，并非應用程序里的菜單選項，在網頁中應用選項卡可以使網頁顯得更緊湊，結合AJAX技術可以使頁面在有限的空間內展現更多的內容。本文主要介紹一種簡潔的選項卡效果的實現，兼容性較好，方便大家直接使用。

<style type=”text/css”> body { margin:0px; text-align:center; font-size:12px; } #divall { margin:auto; margin-top:35px; width:300px; height:200px; background-color:#7DA7D9; border:0px; } #title { width:300px; height:20px; font-size:14px; margin-top:4px; } #table1 table { width:300px; height:30px; font-size:12px; } #table2 table { width:300px; height:30px; font-size:12px; } #content1,#content2,#content3,#content4,#content5,#content6,#msg1,#msg2 { margin:auto; height:110px; width:290px; background-color:#eee; position:relative; } #content1 div,#content2 div,#content3 div,#content4 div,#content5 div,#content6 div { position:absolute; bottom:3px; right:3px; cursor:pointer; } a { text-decoration:none; } .changebordercolor { border-top:1px solid #369; border-left:1px solid #369; } .backbordercolor { border:0px solid red; } </style> <script language=”javascript”> function msg(){ document.getElementById(“msg1″).style.display=”none” document.getElementById(“msg2″).style.display=”none” } function msgnone(ms,cont){ document.getElementById(ms).style.display=’block’ document.getElementById(cont).style.display=’none’ } function aa1(){ document.getElementById(“content1″).style.display=”block” document.getElementById(“content2″).style.display=”none” document.getElementById(“content3″).style.display=”none” document.getElementById(“content4″).style.display=”none” document.getElementById(“content5″).style.display=”none” document.getElementById(“content6″).style.display=”none” } function aa2(){ document.getElementById(“content1″).style.display=”none” document.getElementById(“content2″).style.display=”block” document.getElementById(“content3″).style.display=”none” document.getElementById(“content4″).style.display=”none” document.getElementById(“content5″).style.display=”none” document.getElementById(“content6″).style.display=”none” } function aa3(){ document.getElementById(“content1″).style.display=”none” document.getElementById(“content2″).style.display=”none” document.getElementById(“content3″).style.display=”block” document.getElementById(“content4″).style.display=”none” document.getElementById(“content5″).style.display=”none” document.getElementById(“content6″).style.display=”none” } function aa4(){ document.getElementById(“content1″).style.display=”none” document.getElementById(“content2″).style.display=”none” document.getElementById(“content3″).style.display=”none” document.getElementById(“content4″).style.display=”block” document.getElementById(“content5″).style.display=”none” document.getElementById(“content6″).style.display=”none” } function aa5(){ document.getElementById(“content1″).style.display=”none” document.getElementById(“content2″).style.display=”none” document.getElementById(“content3″).style.display=”none” document.getElementById(“content4″).style.display=”none” document.getElementById(“content5″).style.display=”block” document.getElementById(“content6″).style.display=”none” } function aa6(){ document.getElementById(“content1″).style.display=”none” document.getElementById(“content2″).style.display=”none” document.getElementById(“content3″).style.display=”none” document.getElementById(“content4″).style.display=”none” document.getElementById(“content5″).style.display=”none” document.getElementById(“content6″).style.display=”block” } </script> <body onLoad=”aa1();msg()”> <div id=”divall”> <div id=”title”>分類類型</div> <div id=”table1″> <table cellpadding=0 cellspacing=0 boder=0> <tr align=center> <td onMouseOver=”this.bgColor=’#33ccff’;aa1();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa2();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa3();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> </tr></table></div> <div id=”content1″>第一個里面的內容<div onClick=”msgnone(‘msg1′,’content1’)”>關閉</div></div> <div id=”content2″>第二個里面的內容<div onClick=”msgnone(‘msg1′,’content2’)”>關閉</div></div> <div id=”content3″>第三個里面的內容<div onClick=”msgnone(‘msg1′,’content3′)”>關閉</div></div> <div id=”msg1″>沒有選擇類型</div> <div id=”table2″> <table cellpadding=0 cellspacing=0 boder=0> <tr align=center> <td onMouseOver=”this.bgColor=’#33ccff’;aa4();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa5();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa6();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://m.mxio.cn”>設計之家</a></td> </tr></table></div> <div id=”content4″>第四個里面的內容<div onClick=”msgnone(‘msg3′,’content4’)”>關閉</div></div> <div id=”content5″>第五個里面的內容<div onClick=”msgnone(‘msg2′,’content5’)”>關閉</div></div> <div id=”content6″>第六個里面的內容<div onClick=”msgnone(‘msg2′,’content6’)”>關閉</div></div> <div id=”msg2″>沒有選擇類型</div> </div></body>

? ? ?

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

給TA打賞

共{{data.count}}人

人已打賞

選項卡效果代碼

iframe的高度隨內容變化而變化的代碼

2007-10-11 4:11:00

HTML語法效果

2007-12-23 16:27:00

0 條回復 A文章作者 M管理員

更換刪除

暫無討論，說說你的看法吧

?

解鎖會員權限

個人中心

購物車

優惠劵

有新私信私信列表

搜索

幸運之星正在降臨...

點擊領取今天的簽到獎勵！

恭喜！您今天獲得了{{mission.data.mission.credit}}積分

今日簽到

連續簽到

{{item.credit}}

連續{{item.count}}天

查看所有

我的優惠劵

_￥_優惠劵

使用時效：無法使用

使用時效：
之前

使用時效：永久有效

優惠劵ID：
×

限制以下商品使用：限制以下商品分類使用：不限制使用：

[{{ct.name}}]

所有商品和商品類型均可使用

沒有優惠劵可用!

購物車

×

刪除

購物車空空如也!

清空購物車前往結算

您有新的私信

沒有新私信

寫新私信查看全部

主站蜘蛛池模板：亚洲经典三级| 青青青草国产线观| 精品久久久久久无码国产| 无码成人午夜在线观看| 国产一区日韩二区欧美三区| 欧美成人片在线观看| 中国熟妇内谢69xxxxx| 国产免费人成网站在线播放| 亚洲综合无码一区二区加勒此| 欧美高清狂热视频60一70| 无遮挡又黄又刺激的视频| 亚洲精品国男人在线视频| 国产一区二区三区精品自拍| 天天色影网| 日韩中文字幕在线专区| 饥渴的熟妇张开腿呻吟视频| 国产精品无码专区第一页| 福利视频一区二区在线| 亚洲国产精品无码久久一线| 秋霞午夜成人鲁丝片午夜精品| 久久精品人妻无码一区二区三区| 一区二区精品| 中文无码不卡的岛国片| 日韩av一区二区三区精品| 超碰成人人人做人人爽 | 国产成AV人片久青草影院| 国模和精品嫩模私拍视频| 久久人人爽av亚洲精品| 国产亚洲一区二区三区四区| 免费看成人啪啪| 亚洲爆乳成av人在线蜜芽| 下面一进一出好爽视频| 欧美乱大交xxxxx潮喷| 午夜理论片福利在线观看| 亚洲顶级裸体av片| 97夜夜澡人人爽人人喊中国片| 三上悠亚精品一区二区久久| 日韩精品卡一卡二卡三卡四| 亚洲欧美精品伊人久久| 国产东北露脸熟妇| 国产无遮挡裸体免费久久|

<ul id="u2qcu"><pre id="u2qcu"></pre></ul>

<ul id="u2qcu"><pre id="u2qcu"></pre></ul>