欧美黑人激情性久久,一本色道久久综合无码人妻,欧美另类人妻制服丝袜,日韩精品一卡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://www.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa2();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://www.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa3();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://www.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://www.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa5();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://www.mxio.cn”>設計之家</a></td> <td onMouseOver=”this.bgColor=’#33ccff’;aa6();msg();this.className=’changebordercolor'” onMouseOut=”this.bgColor=’#7DA7D9′;this.className=’backbordercolor'”><a href=”http://www.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}}]

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

沒有優惠劵可用!

購物車

×

刪除

購物車空空如也!

清空購物車前往結算

您有新的私信

沒有新私信

寫新私信查看全部

主站蜘蛛池模板：国产成人无码一区二区在线观看| 亚洲成av人最新无码不卡短片| 伊人色综合久久天天| 国产精品免费视频不卡| 亚洲精品中文字幕无码蜜桃| 手机看片国产av无码| 二区三区亚洲精品国产| 无码少妇一区二区| 狠狠色噜噜狠狠狠狠米奇777| 无码激情亚洲一区| 久久国产精品偷| 久久久久欧美国产高潮| 亚洲免费福利在线视频| 激情中文丁香激情综合| 中文字幕一二三区波多野结衣| 午夜人妻理论片天堂影院| 天干夜天干天天天爽视频| 亚洲综合国产成人无码| 亚洲欧美色综合影院| 国产自产一区二区三区视频| 九九热爱视频精品视频| 欧美最大胆的西西人体44| 乱人伦中文字幕成人网站在线| 一本色综合亚洲精品蜜桃冫| 天堂网在线最新版www资源网| 2021av在线| 日本在线观看| 久久亚洲国产精品123区| 五月丁香六月狠狠爱综合| 欧美人与禽猛交狂配| 在线亚洲日产一区二区| 国产高清在线不卡一区| 欧美疯狂性受xxxxx喷水| 国产麻豆精品传媒av国产婷婷| 国产97视频人人做人人爱| 国产大屁股视频免费区| 北条麻妃人妻av在线专区| 丰满人妻跪趴高撅肥臀| 国产精品亚洲二区在线播放| 亚洲日韩国产一区二区三区| 国产日韩在线视看高清视频手机|

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

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