基于javascript实现最简单的选项卡切换效果

《基于javascript实现最简单的选项卡切换效果》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解基于javascript实现最简单的选项卡切换效果　　本文实例为大家分享了js选项卡切换效果的具体实现代码，供大家参考，具体内容如下　　　　　　　　　　朱朱制作　　　　　　 *{　　  margin:0;　　  padding:0;　　 }　　 body{　　  background-color:#fff;　　  font-family:"微软雅黑";　　  font-

2、size:18px;　　  width:1000px;　　  margin:50pxauto;　　  color:#;对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　 }　　 .wrapper{　　  width:350px;　　 }　　 #navul{　　  border-bottom:

3、2pxsolidyellowgreen;　　  height:32px;　　 }　　 #navli{　　  display:inline-block;　　  border:2pxsolid#999;　　  border-bottom:none;　　  margin-left:10px;　　  width:65px;　　  text-align:center;　　  line-height:30px;　　 }　　 #navli:hover{　　  cursor:pointer;　　 }　　 #content{

4、　　  display:block;对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　  border:1pxsolidblue;　　  border-top:none;　　  text-align:center;　　  height:100px;　　  line-height:100px;

5、　　 }　　 #navli.on{　　  border-bottom:solid2px#ffffff;　　 }　　 .hide{　　  display:none;　　 }　　 .show{　　  display:block;　　 }　　　　　　　　 /*window.onload=change;//js代码实现　　 functionchange(){　　 this.nav=document.getElementById("nav");　　 this.li=nav.getElementsByTagName("

6、li");对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　 this.cont=document.getElementById("content");　　 this.divi=cont.getElementsByTagName("div");　　 for(vari=0;i　　  li[i]

7、.index=i;　　  li[i].onclick=function(){　　   for(vari=0;i　　   li[i].className="";　　   divi[i].className="hide";　　   }　　  li[this.index].className="on";　　  divi[this.index].className="show";　　  }　　 }　　}*/　　$(function(){　　$('#navli').each(function(){　　 $(this)

8、.click(function(){　　  $('#navli').removeClass("on");　　  $(this).addClass("on");　　  $("#contentdiv").removeClass();　　  $("#contentdiv").eq($(this).index()).addClass("show").siblings().addClass("hide");对党的认识也有了