|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>無標題文檔</title> <style media="screen" type="text/css"> <!-- *{font-size:12px;} html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;} UL{list-style-type:none; margin:0px;} /* 標準盒模型 */ div{border:1px inset #ccc;} li{border:1px dotted #6CC;} ul{border:1px solid #F66;} .box{width: 187px; height: 289px;} .ttl{height:18px;} .ctt{height:100%;padding:6px;} .w936{width:936px;margin:2px 0;clear:both;} /* 一列多橫 */ .mn_{width:187px;} .mn_ li{height:20px;padding-top:6px;} /* 一橫列多列 */ .nv_{width:936px;height:200px;} .nv_ ul{height:20px;} .nv_ li{float:left;margin-right:4px;width:80px;height:20px;padding-top:8px;} /* 二欄式 */ .ll,.lr{float:left;} .ll{width:160px;height:300px;} .lr{width:772px;/*padding-bottom:100000px;margin-bottom:-100000px;*/} /* 三欄式 */ .lyl,.lym,.lyr{float:left;} .lyl{width:160px;height:300px;} .lym{width:610px; height:300px;} .lyr{width:160px;height:300px;} /* TAB 切換效果 */ .tb_{background-color: #E6F2FF; background-image: url('http://www./images/barbg_tab.gif'); background-repeat: repeat-x;} .tb_ ul{height:16px;} .tb_ li{float:left;height: 24px;padding-top: 6px;width: 94px;cursor:pointer;} .normaltab { background-image:url('http://www./images/normal_tab.gif'); background-repeat: no-repeat; color:#1F3A87 ;} .hovertab { background-image: url('http://www./images/hover_tab.gif'); background-repeat: no-repeat; color:#1F3A87; font-weight:bold } .dis{display:block;} .undis{display:none;} /* 自定義圖標列表 */ .icon_ ul{height:300px;} .icon_ li{text-align:left;height: 18px; margin-left: 10px; padding-top: 4px; background-image: url('http://www./images/hotlinksbg_icon.gif'); background-repeat: no-repeat; background-position-y: 10px; padding-left:10px; width:150px } --> </style> </head> <body> <div class="box"> 標準盒模型 </div> <hr /> <div class="box" id=""> <div class="ttl" id="">標題</div> <div class="ctt" id="">內(nèi)容[1框標準盒模型]</div> </div> <hr /> <div id="" class="mn_"> <ul> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> </ul> </div> <hr /> <div class="w936"> <div id="" class="nv_"> <ul> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> <li>菜單一</li> </ul> </div> </div> <hr /> <div class="w936"> <div class="ll">左 </div> <div class="lr">右 </div> </div> <hr /> <div class="w936"> <div class="lyl">左 </div> <div class="lym">中 </div> <div class="lyr">右 </div> </div> <hr /> <div class="w936"> <div id="tb_" class="tb_"> <ul> <li id="tb_1" class="hovertab" onmouseover="tbc_01.className='dis';tbc_02.className='undis';tbc_03.className='undis';tbc_04.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_3.className='normaltab';tb_4.className='normaltab';">網(wǎng)上房展會</li> <li id="tb_2" class="normaltab" onmouseover="tbc_02.className='dis';tbc_03.className='undis';tbc_04.className='undis';tbc_01.className='undis';this.className='hovertab';tb_1.className='normaltab';tb_3.className='normaltab';tb_4.className='normaltab';">本月開盤</li> <li id="tb_3" class="normaltab" onmouseover="tbc_03.className='dis';tbc_01.className='undis';tbc_02.className='undis';tbc_04.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_1.className='normaltab';tb_4.className='normaltab';">知名開發(fā)商</li> <li id="tb_4" class="normaltab" onmouseover="tbc_04.className='dis';tbc_01.className='undis';tbc_02.className='undis';tbc_03.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_3.className='normaltab';tb_1.className='normaltab';">欄目導(dǎo)航</li> </ul> </div> <div> <div class="undis" id="tbc_01">內(nèi)容1</div> <div class="undis" id="tbc_02">內(nèi)容2</div> <div class="undis" id="tbc_03">內(nèi)容3</div> <div class="undis" id="tbc_04">內(nèi)容4</div> </div> </div> <hr /> <div class="icon_"> <ul> <li><a href="#">房產(chǎn)律師在線咨詢</a></li> <li><a href="#">買房參考－網(wǎng)友評房</a></li> <li><a href="#">房貸計算器</a></li> <li><a href="#">在線評估(全房提供)</a></li> <li><a href="#">電子地圖服務(wù)</a> </li> <li><a href="#">城市規(guī)劃</a> </li> <li><a href="#">房產(chǎn)相關(guān)合同下載</a></li> <li><a href="#">房地產(chǎn)相關(guān)部門</a></li> <li><a href="#">家居服務(wù)黃頁</a></li> <li><a href="#">房地產(chǎn)人才招聘</a></li> </ul> </div> <hr /> </body> </html> |
|
|
來自： 悟靜 > 《網(wǎng)站設(shè)計》
