服务热线 400-660-5555
东莞网站建设
网站制作中，有时候要实现鼠标点击tab标签，下面对应的内容要对应切换，选中的tab标签有个选中的效果，效果如下图所示：
tab标签切换方式一：
css如下所示：
Html：
pclass=tabbox
pclass=tab
！----
pclass=tab-titletab-title-activeid=tab1onclick=show(3，1)
a国际市场营销/a
/
pclass=tab-titleid=tab2onclick=show(3，2)
a技术法规顾问/a
/
pclass=tab-titleid=tab3onclick=show(3，3)
a海外资源引进/a
/
/
pclass=content
pclass=tab-contentid=content1
秉持代理服务理念，依托强大的海外营销网络，坚持高品质专业服务，将中国的优质原料药、中间体、制剂、医疗用品等推广到一带一路国家及更多地区，帮助生产企业拓展海外市场，助力中国品牌国际化。
/
pclass=tab-contentid=content2style=display：none;
药政专家团队拥有数十年与美国FDA、EDQM和DCGI等监管机构沟通的专业经验，提供CEP/COS，EU-GMP准备的技术咨询。
/
pclass=tab-contentid=content3style=display：none;
开发全球供应商，为国内合作伙伴配置优质的海外资源。产品覆盖原料药、新型制剂、中间体、保健品等。
/
/
/
Js
script
functionshow(total，active){
for(vari=1;itotal+1;i++){
$(#tab+i).removeClass(tab-title-active);
$(#content+i).hide();
}
$(#tab+active).addClass(tab-title-active);
$(#content+active).show();
}
/script
tab标签切换方式二
css：
html：
pclass=tabboxtwo
pclass=tab
pclass=tab-title国际市场营销/
pclass=tab-title技术法规顾问/
pclass=tab-title海外资源引进/
/
pclass=content
pclass=tab-content
秉持代理服务理念，依托强大的海外营销网络，坚持高品质专业服务，将中国的优质原料药、中间体、制剂、医疗用品等推广到一带一路国家及更多地区，帮助生产企业拓展海外市场，助力中国品牌国际化。
/
pclass=tab-content
药政专家团队拥有数十年与美国FDA、EDQM和DCGI等监管机构沟通的专业经验，提供CEP/COS，EU-GMP准备的技术咨询。
/
pclass=tab-content
开发全球供应商，为国内合作伙伴配置优质的海外资源。产品覆盖原料药、新型制剂、中间体、保健品等。
/
/
/
Js：
script
$(.tab.tab-title).on('click'，function(){
varindex=$(this).index();
$(this).addClass(tab-title-active).siblings().removeClass(tab-title-active);
$('.tab-content').eq(index).addClass('on').siblings('.tab-content').removeClass('on')
}).eq(0).click();
/script
添加动力小姐姐微信
电话咨询
400-660-5555
