zcx147716565
zcx147716565 发表了说说我擦，晚了一分钟断签卡- zcx147716565 2017-05-26 已签到连续签到1天，获得了5个金钱
- zcx147716565 发表了说说雨滴答滴答的，敲打着房子的遮雨棚，我慵懒地转着身，沉醉着，抱着被子，那一刻，我真想。。。打个电话告诉老板，我不上班了，积水了。。。
- zcx147716565 回复了 dashixiong 的说说
衡量一个成功男人不是看你泡了多少妞，而是多少妞泡你。———— 尼古拉•新
数不过来呀 - zcx147716565 2017-05-24 已签到连续签到3天，获得了15个金钱
- zcx147716565 回复了 zcx147716565 的说说
这个项目快把我逼疯了，为何一个后台项目要搞得这么高级，全特效
产品经理拿着AK呢，玩毛 - zcx147716565 发表了说说这个项目快把我逼疯了，为何一个后台项目要搞得这么高级，全特效
- zcx147716565 回复了 阿江 的回答
用Bootstrap的nav-tabs，做成左侧竖排的就可以了，这里是横排选项卡的例子：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maxium-scale=1,user-scalable=no"> <link rel="stylesheet" href="./css/bootstrap.css"> <script src="./js/jquery-1.10.2.js"></script> <script src="./js/bootstrap.js"></script> </head> <body> <div class="container"> <div style="width:500px;"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">首页</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">简介</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">联系方式</a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">系统设置</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active fade" id="home">Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。</div> <div role="tabpanel" class="tab-pane fade" id="profile">Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。</div> <div role="tabpanel" class="tab-pane fade" id="messages">Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。</div> <div role="tabpanel" class="tab-pane" id="settings">Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。</div> </div> </div> </div> </body> </html>这个我也了解了，主要是，怎么切换数据呢，数据不是静态的
