寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易_菜單導(dǎo)航特效

寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易，清新的淡藍(lán)色風(fēng)格，點(diǎn)擊切換，內(nèi)容框可以是列表和文字，JS+css共同打造，�？磁笥褌兿矚g。

<html>
<head>
<TITLE>寬度伸縮選項(xiàng)卡</TITLE>
<style>
HTML,BODY {
	margin:30px;padding:0;border:none;font-size:14px
}
.wrap {
	width:300px; BORDER: #b7c5d9 1px solid;BACKGROUND: #f0f6f9
}
.a10 {
	FONT-WEIGHT: bold; COLOR: #0099cc;  TEXT-DECORATION: none;
}
.a10:hover {
	COLOR: #bb2233; TEXT-DECORATION: underline
}
.md-head {
	PADDING-LEFT: 0px; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.md-head A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; FLOAT: left; BORDER-BOTTOM-WIDTH: 1px; MARGIN-LEFT: -1px; WIDTH: 76px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.md-head A.wid {
	WIDTH: 148px
}
.md-head A.cur {
	 BORDER-BOTTOM-WIDTH: 0px; COLOR: #000; BACKGROUND-COLOR: #f0f6f9; TEXT-DECORATION: none
}
.md-body {
	padding:15px;ZOOM: 1
}
a,area { blr:e-xpression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; } 
</style>
</HEAD>
<BODY>
<DIV class="wrap" id=divspacerank>
     <DIV class=md-head id=blogs_spacerank>
     <A class="a10 wrap cur wid" id=blogs_spacerank_tab_0 hideFocus onClick="blogs_spacerank_ck(0);return false;" href="#">模板無(wú)憂</A> 
     <A class="a10 wrap" id=blogs_spacerank_tab_1 hideFocus onClick="blogs_spacerank_ck(1);return false;" href="#">72小時(shí)</A> 
     <A class="a10 wrap" id=blogs_spacerank_tab_2 hideFocus onClick="blogs_spacerank_ck(2);return false;" href="#">一周</A> <BR class=clear>
     </DIV>
     <DIV class=md-body>
          <DIV id=blogs_spacerank_0>
               Mb5u.com最新更新的內(nèi)容
          </DIV>
          <DIV id=blogs_spacerank_1 style="DISPLAY: none">
                72小時(shí)空間排行內(nèi)容
         </DIV>
         <DIV id=blogs_spacerank_2 style="DISPLAY: none">
                一周空間排行內(nèi)容
         </DIV>
	</DIV>
</DIV>
<SCRIPT>
	 var blogs_spacerank_index = 0,blogs_spacerank_class = 'a10 wrap ';
	 var blogs_spacerank_list = document.getElementById('blogs_spacerank').getElementsByTagName('a');
	 function blogs_spacerank_ck(_idx){
		blogs_spacerank_list[blogs_spacerank_index].className = blogs_spacerank_class;
		blogs_spacerank_list[_idx].className = blogs_spacerank_class + ' cur wid';
		document.getElementById('blogs_spacerank_'+blogs_spacerank_index).style.display = 'none';
		document.getElementById('blogs_spacerank_tab_'+blogs_spacerank_index).innerHTML = document.getElementById('blogs_spacerank_tab_'+blogs_spacerank_index).innerHTML.replace("空間排行","");
		document.getElementById('blogs_spacerank_'+_idx).style.display = 'block';
		document.getElementById('blogs_spacerank_tab_'+_idx).innerHTML = document.getElementById('blogs_spacerank_tab_'+_idx).innerHTML+"空間排行";
		blogs_spacerank_index = _idx;
	 }													
</SCRIPT>
</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2012-11-04

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易
特效說(shuō)明：
菜單導(dǎo)航模板-寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

寬度可以伸縮的選項(xiàng)卡，來(lái)自網(wǎng)易_菜單導(dǎo)航特效