js实现内容切换功能用怎样的方式实现好？？

Question

类似这张图片上的内容切换，怎么实现好？？

Answer 1

bootstrap 的标签页能解决你的问题 http://v3.bootcss.com/javascript/#tabs

Answer 2

思路：点击对应的显示，其他的隐藏，
jquery，js都很简单

Answer 3

同上 在点击当前这个之前 先将所有的内容隐藏 然后将当前的这个显示出来

Answer 4

从结构上上面是handlers，下面是contents，可以用两个ul结构，上方点击handler切换时对应index切换下方content，这种是相对简单的实现想法吧

Answer 5

自行搜索标签卡功能，网上有很多原代码可用

Answer 6

从你的截图来看

个人建议：
当点击事件区的按钮（比如：“猜双单”）时，对应的content区域内容更新采用Ajax方式，因为从图上看这部分与其说是一个区域（section），不如说一个单页的好。采用Ajax的方式估计更合适

Answer 7

推荐一个插件给你使用：“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等效果通通搞定
http://www.superslide2.com/