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

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

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

    問征夫以前路
    感謝所有關心過支持過我的人, 感謝所有恨過我嘲笑過我的人 !
    posts - 30,comments - 147,trackbacks - 0

            在網上找了好久的頁簽實例,終于找到一個可以用的html格式的頁簽!貼上來,以做備用!

      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"></font></B></a></li>   
     66  <li     id="Tab4"><a   href="#"   onMouseover="javascript:switchTab('TabPage1','Tab4');">我太低調</a></li>   
     67  </ul>   
     68  <div   id="cnt">   
     69  <div   id="dTab1"   class="HackBox">我為每一次的快樂而哭泣,我為每一次的悲傷而微笑。   
     70  </div>   
     71  <div   id="dTab2"   class="HackBox"   style="display:block">【※卡秀兒精品屋※】   
     72    
     73  </div>   
     74  <div   id="dTab3"   class="HackBox">學習是件頭疼的事,為了能活下去我不得不學習   
     75    
     76  </div>   
     77  <div   id="dTab4"   class="HackBox">仍然揀盡寒枝不肯安歇   微帶著后悔   寂寞沙洲我該思念誰   
     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 閱讀(852) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲国产成人久久精品99| 三年片免费高清版 | 免费在线观看毛片| 亚洲国产日韩a在线播放| 性色av免费观看| 亚洲精品乱码久久久久久V| 日本免费一区尤物| 美女露100%胸无遮挡免费观看| 国产精品美女自在线观看免费| 大桥未久亚洲无av码在线| 国产性生交xxxxx免费| 噜噜噜亚洲色成人网站| 亚洲综合最新无码专区| 久久久久久久久久久免费精品 | 亚洲人成网www| 精品香蕉在线观看免费| 国产亚洲国产bv网站在线| 在线a毛片免费视频观看| 日韩亚洲人成在线综合| 亚洲国产成人久久精品99| 男女一边桶一边摸一边脱视频免费| 亚洲中文字幕在线第六区| 久久免费观看国产精品88av| 亚洲伊人色一综合网| 日本特黄a级高清免费大片| 免费精品久久久久久中文字幕| 激情97综合亚洲色婷婷五| 久久午夜羞羞影院免费观看 | 久久精品国产精品亚洲毛片| 色片在线免费观看| 亚洲日韩国产一区二区三区在线 | 在线视频免费国产成人| www成人免费观看网站| 亚洲国产精品免费视频| 69式国产真人免费视频| 亚洲av无码一区二区三区四区| 亚洲精品A在线观看| 中文字幕视频免费| 亚洲av无码av在线播放| 亚洲精品无码午夜福利中文字幕| 久久久久国产精品免费网站|