一个页面中出现多个tab标签,js方法


方法一
未写样式 ,但是出来基本的框架,如此写就可以了。看标红的地方就是需注意修改的地方,其他地方,结构大致相同就可以了。
切记,必不可少的为ul,li在两个div中都必须出现。
这是方法一。,还有方法二




        
    menu1" class="menu">
  • setTab(1,0)">初一
  • setTab(1,1)">初二
main1" class="content">
  • 初一某同学得了奖学金
  • 初二某同学得了奖学金
    menu2" class="menu">
  • setTab(2,0)">新闻社
  • setTab(2,1)">瑜伽社
main2" class="content">
  • 新闻社现在招新成员,欢迎大家踊跃报名
  • 瑜伽社上周在全市瑜伽比赛中荣获第一的好成绩
    menu3" class="menu">
  • setTab(3,0)">幼儿专区
  • setTab(3,1)">小学生专区
main3" class="content">
  • 现在是换季的时节,各位家长应注意
  • 市里组织小学六年级统考,来摸底,为明年升学做准备
方法一



    
con_news_1" class="current">
  • 2014年中考真1111统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
con_news_2" class="undis">
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
con_newss_1" class="current">
  • 2014年中考真1111统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
con_newss_2" class="undis">
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
  • 2014年中考真题汇总及分数线统计总及分数
 
  

你可能感兴趣的:(html,js)