在網頁中應用選項卡可以使網頁顯得更緊湊，結合ajax技術可以使頁面在有限的空間內展現更多的內容。本文主要介紹幾種簡潔的選項卡效果的實現（不涉及滑動門和ajax），附有例項，無，相容性較好，方便大家直接使用。
第一種形式: 通過更換顯示樣式實現，這種很常見，就不多說了。
第二種形式: 這種結構比較複雜一些，外面加乙個相對層(.menu1box)，設定溢位隱藏，將選項卡(#menu1)設為絕對定位，設定層指標為1(z-index:1;)，以便可以遮住下主區塊(.main1box)1px的高度。設定主區塊的邊框為1px的黑邊，上空白(margin-top)為-1px，使上邊框伸到選項卡下。當改變選項卡某項(li)的背景為白色時便可遮住一部分主區塊的上邊框。這樣效果就實現了。
第一、二種形式的js**:
function settab(m,n){
var tli=document.getelementbyid(」menu」+m).getelementsbytagname(」li」); /*獲取選項卡的li物件*/
var mli=document.getelementbyid(」main」+m).getelementsbytagname(」ul」); /*獲取主顯示區域物件*/
for(i=0;i
第三種形式: 這也是一種不常用的方式，加乙個相對層(.menu2box)，利用乙個背景層(#tip2)定位，通過改變層的左距離(left)實現效果。
新聞內容
效果演示：
更多資源:
三種簡潔的Tab導航（網頁選項卡）簡析
在網頁中應用選項卡可以使網頁顯得更緊湊，結合ajax技術可以使頁面在有限的空間內展現更多的內容。本文主要介紹幾種簡潔的選項卡效果的實現 不涉及滑動門和ajax 附有例項，無，相容性較好，方便大家直接使用。第一種形式 通過更換顯示樣式實現，這種很常見，就不多說了。第二種形式 這種結構比較複雜一些，外面...
IP位址的三種表示格式簡析
使用tcp ip協議進行網路應用開發的朋友首先要面對的就是對ip位址資訊的處理。ip位址其實有三種不同的表示格式，關於這一點，如果你還不知道，亦或對相關的知識還有所迷惑，本文對你將會有很大的幫助。ascii 網路點分字串 網路位址 32位無符號整形，網路位元組序，大頭 主機位址 主機位元組序 ip位...
Vmware WorkStation的三種聯網方式
眾所周知，vmware是windows系統下流行的虛擬機器軟體，可以使使用者在一台真實的主機上虛擬出多個不同系統的虛擬機器。虛擬機器使用者也希望虛擬機器能像真實的主機一樣連線網路。下面簡要介紹vmware的3種聯網方法。僅主機模式 only host 這種方式下的虛擬機器不能訪問區域網內的其他主機，...