亚洲第一色在线,日本韩国在线不卡,欧美成人精品影院

來自網易空間排行寬度可以變化的選項卡

網絡 2009/6/20 10:04:33 深山行者字體:大中小瀏覽 8233

以下為詳細代碼

<TITLE>來自網易空間排行寬度可以變化的選項卡</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="#">今日空間排行</A> 
     <A class="a10 wrap" id=blogs_spacerank_tab_1 hideFocus onClick="blogs_spacerank_ck(1);return false;" href="#">72小時</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>
               今日空間排行內容
          </DIV>
          <DIV id=blogs_spacerank_1 style="DISPLAY: none">
                72小時空間排行內容
         </DIV>
         <DIV id=blogs_spacerank_2 style="DISPLAY: none">
                一周空間排行內容
         </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>

前一頁:純div+css制作的彈出菜單-01

后一頁:利用javascript仿的漂亮的flash效果的菜單

相關閱讀: 禁止網站的靜態模板被下載; 最新縣及縣以上1980年以來歷史行政區劃代碼大全截止2018年3月31日; 經典表格隔行變色程序; 加長增高對話框與文本框; 用GetString來提高ASP的速度; asp用BcH將二進制轉十六進制然后再HcB將十六進制轉二進制; 綿陽市康輝國際旅行社有限責任公司; ASP過濾SQL中的非法字符并格式化相關的html代碼

共有0條關于《來自網易空間排行寬度可以變化的選項卡》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: div+CSS的無限級擴展下拉菜單(全部加了注釋); 經典的仿藍色理想TAB橫向下拉菜單效果; 純div+css制作的彈出菜單-05; 純div+css制作的彈出菜單-04; 純div+css制作的彈出菜單-02; 純div+css制作的彈出菜單-02

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 漂亮的頁面loading等待頁面特效(3); 用ASP實現IE地址欄參數的判斷; 綿陽市康輝國際旅行社有限責任公司; 深山留言板(激情圣誕集合五套模板)v4.4; 利用javascript高亮關鍵詞系列; 連云港汽車門戶網站

更多標簽熱門標簽

源碼保護眼睛的電腦色調節定位 flash 透明我想你鏈接標語 DW 模式上傳市 button 信息 getElementById 閉合動態九宮格論壇工作 pt 列表 Java 小旋風不對齊成功電影居中絕對管用的iis安裝包下載 list jpg 排序絕對柱狀圖 XMLHTTP 層限制 confirm sql letter-spacing 臺歷旅游文件技巧許愿墻 dreawmeaver 下劃線旅行社計劃數字