码迷,mamicode.com
首页 > Web开发 > 详细

js实现tab页面不同内容切换显示

时间:2016-08-11 15:28:00      阅读:1640      评论:0      收藏:0      [点我收藏+]

标签:

效果

技术分享    技术分享

 

 

实现的思路如下:

controller层同时把两个内容都查处理

技术分享

前端html用js控制显示

(1)前端的tab代码

技术分享

(2)tab内容的结构

技术分享

 

(3)关键部分 js

技术分享

$(".hd ul li").click(function(){
var index=$(this).index();
$(this).addClass("on").siblings().removeClass("on");
$(".about-details-pro .bd").eq(index).css("display","block").siblings(".bd").css("display","none")
})

 

js实现tab页面不同内容切换显示

标签:

原文地址:http://www.cnblogs.com/dixinyunpan/p/5760949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!