基于jQuery实现选项卡效果

选项卡，不多说了，做不做网络的都知道，我学的比较晚，现在发一个选项卡制作的代码

效果下图所示：

源代码：

  
  
  
  



  body{font-size:13px}
  ul,li{margin:0;padding:0;list-style:none}
  #menu li{text-align:center;float:left;padding:5px;margin-right:2px;width:50px;cursor:pointer}
  #menu li.tabFocus{width:50px;font-weight:bold;background-color:#f3f2e7;border:solid 1px #666;border-bottom:0;z-index:100;position:relative}
  #content{width:260px;height:80px;padding:10px;background-color:#f3f2e7;clear:left;border:solid 1px #666;position:relative;top:-1px}
  #content li{display:none}
  #content li.conFocus{display:block}




  
家居
  
电器
  
二手


  
这是家居的内容
  
这是电器的内容
  
这是家居的内容

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。