您好,欢迎来到点滴吧! 手机版
点滴吧www.diandiba.com
记录点点滴滴,尽在点滴吧
  • 文章
  • 文章
  • 特效
  • 素材
  • 景点
您现在的位置:首页 > JavaScript教程 > 文章正文
常用选项卡代码
更新时间:2015/1/4 21:46:02   点击:7188次
<script language="javascript">
function showTab(tab,cont,tabcount,tabID){
//参数说明:tab—选项卡前缀;cont—内容前缀;tabcount—选项卡数量;tabID——单击时要显示的内容ID
 for(var i=1;i<tabcount+1;i++){
  if(tabID==i){
   document.getElementById(tab+i).blur();
   document.getElementById(tab+i).className="on";
   document.getElementById(cont+i).style.display="block";
  }else{
   document.getElementById(tab+i).className="off";
   document.getElementById(cont+i).style.display="none";
  }
 }
 return false;
}
</script>


调用:

onclick="showTab('text','textcont',3,'1')"
onmouseover="showTab('text','textcont',3,'1')"


相关文章
导航分类
热门文章
关于我们| 联系我们| 免责声明| 网站地图|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2