<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)  編輯  收藏

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


    網站導航:
     
    主站蜘蛛池模板: 无遮免费网站在线入口| 又粗又硬免费毛片| 24小时日本在线www免费的| 国产免费av片在线播放| 亚洲一区二区三区四区在线观看| 国产精品亚洲精品| 中文精品人人永久免费| 免费鲁丝片一级在线观看| 亚洲成A人片在线观看WWW| 在线观看免费亚洲| 最近中文字幕免费mv视频8| 久久精品国产亚洲香蕉| 免费看一级一级人妻片| 99视频在线精品免费观看6| 亚洲中文字幕无码久久2020| 老汉精品免费AV在线播放| 免费在线观看理论片| v片免费在线观看| 色影音免费色资源| 亚洲成色在线综合网站| 99ee6热久久免费精品6| 亚洲国产成人精品久久| 人妻无码久久一区二区三区免费| 亚洲成人黄色在线观看| 99精品一区二区免费视频| 亚洲日产2021三区| 国产国产成年年人免费看片| 亚洲一区二区三区国产精华液| 手机看片久久国产免费| 亚洲人成无码网站在线观看| 午夜福利不卡片在线播放免费| 精品国产日韩亚洲一区91| 国产成人一区二区三区免费视频| 黄视频在线观看免费| 国产亚洲精品精品国产亚洲综合| 日本精品久久久久久久久免费| 日本亚洲视频在线| 日韩午夜免费视频| 久久免费观看国产99精品| 亚洲成人精品久久| 亚洲无砖砖区免费|