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

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

HTML教程
07年10月28日
編輯

sj33cn

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

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

<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”>設(shè)計之家</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”>設(shè)計之家</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”>設(shè)計之家</a></td> </tr></table></div> <div id=”content1″>第一個里面的內(nèi)容<div onClick=”msgnone(‘msg1′,’content1’)”>關(guān)閉</div></div> <div id=”content2″>第二個里面的內(nèi)容<div onClick=”msgnone(‘msg1′,’content2’)”>關(guān)閉</div></div> <div id=”content3″>第三個里面的內(nèi)容<div onClick=”msgnone(‘msg1′,’content3′)”>關(guān)閉</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”>設(shè)計之家</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”>設(shè)計之家</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”>設(shè)計之家</a></td> </tr></table></div> <div id=”content4″>第四個里面的內(nèi)容<div onClick=”msgnone(‘msg3′,’content4’)”>關(guān)閉</div></div> <div id=”content5″>第五個里面的內(nèi)容<div onClick=”msgnone(‘msg2′,’content5’)”>關(guān)閉</div></div> <div id=”content6″>第六個里面的內(nèi)容<div onClick=”msgnone(‘msg2′,’content6’)”>關(guān)閉</div></div> <div id=”msg2″>沒有選擇類型</div> </div></body>

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

選項卡效果代碼

iframe的高度隨內(nèi)容變化而變化的代碼

2007-10-11 4:11:00

HTML語法效果

2007-12-23 16:27:00

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

更換刪除

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

?

解鎖會員權(quán)限

個人中心

購物車

優(yōu)惠劵

有新私信私信列表

搜索

幸運之星正在降臨...

點擊領(lǐng)取今天的簽到獎勵！

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

今日簽到

連續(xù)簽到

{{item.credit}}

連續(xù){{item.count}}天

查看所有

我的優(yōu)惠劵

_￥_{優(yōu)惠劵}

使用時效：無法使用

使用時效：
之前

使用時效：永久有效

優(yōu)惠劵ID：
×

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

[{{ct.name}}]

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

沒有優(yōu)惠劵可用!

購物車

×

刪除

購物車空空如也!

清空購物車前往結(jié)算

您有新的私信

沒有新私信

寫新私信查看全部

主站蜘蛛池模板：国产灌醉迷晕在线精品| 久久精品国产亚洲一区二区 | 国产亚洲精品久久久久婷婷图片 | 精品精品久久宅男的天堂| 在线精品动漫一区二区无码| 国产在线线精品宅男网址| 2021久久精品国产99国产精品| 国产精品一卡二卡三卡破解版| 久久96热在精品国产高清| 亚洲禁精品一区二区三区| 综合图区亚洲另类偷窥| 伊人久久大香线蕉AV网禁呦| 人妻体内射精一区二区| 国产超碰女人任你爽| 中文字幕国产日韩精品| 99国产精品自在自在久久| 人妻互换精品一区二区| 国产一区二区三区十八禁| 色狠狠一区二区三区香蕉| 99久久国产综合精品女| 亚洲熟女乱一区二区三区| 亚洲国产精品无码观看久久| 亚洲在av极品无码天堂| 国产精品日韩中文字幕| 粗大的内捧猛烈进出小视频| 国产极品粉嫩泬免费观看| 国产精品普通话国语对白露脸| 一本色道久久爱88av| 一区二区三区在线 | 中国| 国产一区二区三区不卡在线看| 被灌满精子的波多野结衣| 日本午夜成年在线网站| 欧美精品V欧洲精品| 久久免费精品视频| 午夜性刺激免费看视频| 中日韩中文字幕无码一本| 国产无遮挡又黄又爽不要vip软件国产成人精品一区二区秒拍1o | 日韩精品少妇无码受不了| 久久久喷潮一区二区三区| 99久久亚洲精品影院| 国产边打电话边被躁视频|