灰色带图标的选项卡DIV/UL/LI结构

灰色带图标的滑动门选项卡，DIV/UL/LI结构。代码简洁，结构明了。需要根据你自己的需要修改图片和样式。

样式是仿的一个微软设计师网站上的样式。

主体代码如下：
 <script type=text/javascript>
  <!--
  function setTab(name,cursel,n){
  for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
  }
 }
 //-->
 </script>
 <div id="lib_Tab1">
  <div class="lib_Menubox lib_tabborder">
   <ul>
    <li class="tit_bj_left"></li>
       <li id="one1" onclick="setTab('one',1,4)" class="hover"><span>工作任务</span></li>
       <li id="one2" onclick="setTab('one',2,4)" ><span>工作总结</span></li>
       <li id="one3" onclick="setTab('one',3,4)"><span>规章制度</span></li>  
   </ul>
  </div>
  <div class="lib_Contentbox lib_tabborder"> 
   <div id="con_one_1" class="text_div"><a href="http://www.51xuediannao.com/js/ad" target="_blank">JS广告代码</a></div>
   <div id="con_one_2" class="text_div" style="display:none"><a href="http://www.51xuediannao.com/js" target="_blank">JS代码</a></div>
   <div id="con_one_3" class="text_div" style="display:none"><a href="http://www.51xuediannao.com/jiqiao" target="_blank">建站技巧</a></div>
  </div>
 </div>