<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    

    
	
	


    
	
    
		問(wèn)征夫以前路
    
		感謝所有關(guān)心過(guò)支持過(guò)我的人，
感謝所有恨過(guò)我嘲笑過(guò)我的人 ！
	
    

    
    		
	

    

    


    
	
		
    
			


    
posts - 30,comments - 147,trackbacks - 0


    
	

    


    
	
					


    
	
	
            在網(wǎng)上找了好久的頁(yè)簽實(shí)例，終于找到一個(gè)可以用的html格式的頁(yè)簽！貼上來(lái)，以做備用！
    

    

      1<HTML>
    
      2<style>   
    
      3  body   {font-size:12px;font-family:宋體}   
    
      4  ul.TabBarLevel1{   
    
      5  list-style:none;   
    
      6  margin:0;   
    
      7  padding:0;   
    
      8  height:29px;
    
      9 
    
     10  }       
    
     11  ul.TabBarLevel1   li{   
    
     12  float:left;   
    
     13  padding:0;   
    
     14  height:29px;   
    
     15  margin-right:1px;   
    
     16  background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_left_bk.gif)   left   top   no-repeat;   
    
     17  }       
    
     18  ul.TabBarLevel1   li   a{   
    
     19  display:block;   
    
     20  line-height:29px;   
    
     21  padding:0   20px;   
    
     22  color:#333;   
    
     23  background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_right_bk.gif)   right   top   no-repeat;   
    
     24  white-space:   nowrap;   
    
     25  }       
    
     26  ul.TabBarLevel1   li.Selected{   
    
     27  background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif)   left   top   no-repeat;   
    
     28  }       
    
     29  ul.TabBarLevel1   li.Selected   a{   
    
     30  background:url(http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif)   right   top   no-repeat;   
    
     31  }       
    
     32    
    
     33  ul.TabBarLevel1   li   a:link,ul.TabBarLevel1   li   a:visited{   
    
     34  color:#333;   
    
     35  }       
    
     36  ul.TabBarLevel1   li   a:hover,ul.TabBarLevel1   li   a:active{   
    
     37  color:#F30;   
    
     38  text-decoration:none;   
    
     39  }       
    
     40  ul.TabBarLevel1   li.Selected   a:link,ul.TabBarLevel1   li.Selected   a:visited{   
    
     41  color:#000;   
    
     42  }       
    
     43  ul.TabBarLevel1   li.Selected   a:hover,ul.TabBarLevel1   li.Selected   a:active{   
    
     44  color:#F30;   
    
     45  text-decoration:none;   
    
     46  }       
    
     47  div.HackBox   {   
    
     48      padding   :   2px   2px   ;   
    
     49      border-left:   2px   solid   #6697CD;   
    
     50      border-right:   2px   solid   #6697CD;   
    
     51      border-bottom:   2px   solid   #6697CD;   
    
     52   height:200px;
    
     53   width:359px;
    
     54      display:none;   
    
     55  }       
    
     56    
    
     57  </style>   
    
     58    
    
     59    
    
     60    
    
     61  <div   id="Whatever">   
    
     62  <ul   class="TabBarLevel1"   id="TabPage1">   
    
     63  <li   id="Tab1" class="Selected"><a   href="#"   onMouseover="javascript:switchTab('TabPage1','Tab1');">子虛烏有</a></li>   
    
     64  <li     id="Tab2"><a   href="#"   onMouseover="javascript:switchTab('TabPage1','Tab2');">金翅擘海</a></li>   
    
     65  <li     id="Tab3"><a   href="#"   onMouseover="javascript:switchTab('TabPage1','Tab3');"><B><font   color="#22FF22">知</font><font   color="#FF2222">往</font><font   color="#001199">觀</font><font   color="#00fffa">來(lái)</font></B></a></li>   
    
     66  <li     id="Tab4"><a   href="#"   onMouseover="javascript:switchTab('TabPage1','Tab4');">我太低調(diào)</a></li>   
    
     67  </ul>   
    
     68  <div   id="cnt">   
    
     69  <div   id="dTab1"   class="HackBox">我為每一次的快樂(lè)而哭泣，我為每一次的悲傷而微笑。   
    
     70  </div>   
    
     71  <div   id="dTab2"   class="HackBox"   style="display:block">【※卡秀兒精品屋※】   
    
     72    
    
     73  </div>   
    
     74  <div   id="dTab3"   class="HackBox">學(xué)習(xí)是件頭疼的事，為了能活下去我不得不學(xué)習(xí)   
    
     75    
    
     76  </div>   
    
     77  <div   id="dTab4"   class="HackBox">仍然揀盡寒枝不肯安歇   微帶著后悔   寂寞沙洲我該思念誰(shuí)   
    
     78  </div>   
    
     79  </div>   
    
     80  </div>   
    
     81  <script   language="JavaScript">   
    
     82  //Switch   Tab   Effect   
    
     83  function   switchTab(tabpage,tabid){   
    
     84                  var   oItem   =   document.getElementById(tabpage);         
    
     85  for(var   i=0;i<oItem.children.length;i++){   
    
     86  var   x   =   oItem.children(i);   
    
     87  x.className   =   "";   
    
     88  var   y   =   x.getElementsByTagName('a');   
    
     89  y[0].style.color="#333333";   
    
     90  }       
    
     91  document.getElementById(tabid).className   =   "Selected";   
    
     92  var   dvs=document.getElementById("cnt").getElementsByTagName("div");   
    
     93  for   (var   i=0;i<dvs.length;i++){   
    
     94      if   (dvs[i].id==('d'+tabid))   
    
     95          dvs[i].style.display='block';   
    
     96      else   
    
     97          dvs[i].style.display='none';   
    
     98  }       
    
     99  }       
    
    100    
    
    101  </script>
    
    102</HTML> 
    
    103
    
    104
    

	
    posted on 2008-06-03 13:59 kenzhang 閱讀(851) 評(píng)論(0)  編輯  收藏  
    

    







    
	    
    




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網(wǎng)站導(dǎo)航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲日本一区二区一本一道|
色九月亚洲综合网|
亚洲国产精品综合久久一线|
最近中文字幕mv免费高清在线|
免费的黄色网页在线免费观看|
亚洲fuli在线观看|
亚洲A∨无码无在线观看|
亚洲国产香蕉人人爽成AV片久久|
成年人网站在线免费观看|
最近免费mv在线电影|
中国性猛交xxxxx免费看|
免费毛片毛片网址|
亚洲精品无码成人|
亚洲人成电影网站|
久久亚洲精品成人av无码网站
|
亚洲精品电影在线|
亚洲AV无码久久精品蜜桃|
国产精品亚洲不卡一区二区三区|
日韩在线视频免费看|
99久久免费国产精品特黄|
free哆啪啪免费永久|
95免费观看体验区视频|
任你躁在线精品免费|
AAAAA级少妇高潮大片免费看|
色多多www视频在线观看免费|
狼人大香伊蕉国产WWW亚洲
|
99久久免费中文字幕精品|
久久精品免费一区二区三区|
天黑黑影院在线观看视频高清免费|
九九视频高清视频免费观看
|
亚洲情侣偷拍精品|
亚洲AⅤ无码一区二区三区在线|
国产一区二区视频免费|
啊v在线免费观看|
亚洲精品99久久久久中文字幕|
亚洲一区二区三区在线播放|
在线观看国产区亚洲一区成人
|
亚洲av永久无码一区二区三区|
亚洲成AV人影片在线观看|
AV激情亚洲男人的天堂国语|
国产精品亚洲五月天高清|