選項卡原身是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; 

網頁名稱：網頁制作中分類的選項卡特效代碼
當前鏈接：http://m.newbst.com/news0/168150.html

成都網站建設公司_創新互聯，為您提供微信小程序、移動網站建設、品牌網站建設、小程序開發、ChatGPT、營銷型網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯