tab标签怎么使每个标签内容不一样

qq_32373959 2015-11-06 10:12:41
现在有一h5+svg+css的tab标签,但本身的标签是,每个标签内的内容是一样的
请问要怎么改才能使点不同的标签显示不同的内容
...全文
195 点赞 收藏 13
写回复
13 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
AlexMoonshadow 2015-11-06
可以考虑js拼页面,两个tab全用js拼出来,都是活的。
回复
ab637800 2015-11-06
你把代码贴出来。
回复
qq_32373959 2015-11-06
有两标签A和B,现在是A和B共用了一个内容,我想实现的是,点A显示A的内容,点B显示B的内容。要怎么改,大神们
回复
qq_32373959 2015-11-06
引用 12 楼 AlexMoonshadow 的回复:
js拼页面啊。
新手不懂拼
回复
AlexMoonshadow 2015-11-06
js拼页面啊。
回复
qq_32373959 2015-11-06
引用 3 楼 AlexMoonshadow 的回复:
可以考虑js拼页面,两个tab全用js拼出来,都是活的。
两个JS??怎么拼
回复
qq_32373959 2015-11-06
引用 9 楼 ab637800 的回复:
http://my.oschina.net/u/572246/blog/67150
加QQ联系下,你给的那个好像不适应我这个页面,871841784
回复
ab637800 2015-11-06
http://my.oschina.net/u/572246/blog/67150
回复
qq_32373959 2015-11-06
引用 7 楼 ab637800 的回复:
你可以这样嘛 点那个就让那个li显示,其他的隐藏
能给个具体代码吗,新手,不懂怎么改,谢谢啊
回复
ab637800 2015-11-06
你可以这样嘛 点那个就让那个li显示,其他的隐藏
回复
qq_32373959 2015-11-06
引用 2 楼 ab637800 的回复:
你把代码贴出来。
贴了
回复
qq_32373959 2015-11-06
var menuItems = $('.main-navigation li'); menuItems.on("click", function(event) { menuItems.removeClass("active"); $(this).addClass("active"); $(".main-content").css({ "background": $(this).data("bg-color") }); event.preventDefault(); }); 这是JS的
回复
qq_32373959 2015-11-06
<nav role="navigation" class="main-navigation"> <ul> <li class="tab-1 active" data-bg-color="rgba(148, 214, 0, 1.0)"> <a href="#home"> <span>Home</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-2" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#about"> <span>About</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-3" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#clients"> <span>Clients</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-4" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#contact"> <span>Contact</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> </ul> </nav> <div class="main-content"> <article class="article"> <div style="text-align:center;clear:both"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa totam cumque ad repellendus ab ea repellat aperiam accusantium labore officia est culpa fugiat eaque magnam a. Labore molestias ea at maiores inventore veritatis cupiditate cum doloribus quisquam eum et asperiores!</p> </article> </div> html代码
回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2015-11-06 10:12
社区公告
暂无公告