实现功能:
创新互联公司专业为企业提供塔河网站建设、塔河做网站、塔河网站设计、塔河网站制作等企业网站建设、网页设计与制作、塔河企业网站模板建站服务,十余年塔河做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1、点击Tab切换,内容切换!
Jquery代码:
$(function(){
$(".text div").hide();
$(".text div:first").show();
$(".menu a").click(function(){
$(this).addClass("curr").siblings().removeClass("curr");
$(".text div").hide();
var tt = $(this).attr("href");
$(tt).show();
});
});
HTML代码:
CSS代码:
*{ margin:0; padding:0;}
.menu { width:500px; margin:20px auto; }
.menu a{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; color:#000; background:#ccc; }
.menu a.curr { background:#080; color:#fff; font-weight:bold; }
.text {width:480px; height:170px; padding:10px; font-size:20px; border:1px solid #ccc;}
-----上传了源文件,有需要的自己下载下来看看吧!