js實現tab選項卡函數代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現tab選項卡函數代碼

js實現tab選項卡函數代碼

編輯：關於JavaScript

<html> 
<head> 
<style type="text/css"> 
* 
{ 
padding-bottom: 0px; 
margin: 0px; 
padding-left: 0px; 
padding-right: 0px; 
font-size: 12px; 
padding-top: 0px; 
} 
BODY 
{ 
padding-left: 20px; 
padding-top: 20px; 
} 
.wid240 
{ 
width: 242px; 
margin-bottom: 20px; 
} 
.wid180 
{ 
width: 182px; 
} 
.tab 
{ 
border-bottom: #000 1px solid; 
border-left: #000 1px solid; 
border-top: #000 1px solid; 
border-right: #000 1px solid; 
} 
.tab UL 
{ 
zoom: 1; 
clear: both; 
} 
.tab UL:after 
{ 
display: block; 
height: 0px; 
visibility: hidden; 
clear: both; 
content: ""; 
} 
.tab UL LI 
{ 
text-align: center; 
line-height: 26px; 
width: 60px; 
display: inline; 
background: #000; 
float: left; 
height: 26px; 
color: #fff; 
} 
.tab UL LI.on 
{ 
background: #fff; 
color: #000; 
} 
.tabList 
{ 
border-bottom: #000 1px solid; 
border-left: #000 1px solid; 
height: 150px; 
border-top: #000 1px; 
border-right: #000 1px solid; 
} 
.tabList .one 
{ 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
display: none; 
color: #ff0000; 
padding-top: 10px; 
} 
.tabList .block 
{ 
display: block; 
} 
</style>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一頁:Javascript下的urlencode編碼解碼方法附decodeURIComponent
下一頁:網頁圖片延時加載的js代碼

關於JavaScript

js實現倒計時(距離結束還有)示例代碼: 復制代碼代碼如下: <SCRIPT LANGUAGE=JavaScript> <
jQuery+PHP實現可編輯表格字段內容並實時保存: 本例適用場景：當查看詳細資料，如用戶詳情信息，發現其中某幾個字段信息需要修改，可直接點擊該字段內容進
js實現帶圓角的兩級導航菜單效果代碼: 本文實例講述了js實現帶圓角的兩級導航菜單效果代碼。分享給大家供大家參考。具體如下：這是一款使用JS

DIV CSS 佈局教程網

相關文章