这种标签式的窗口是怎么做的？

Question

Answer 1

<div id="mutiframe">
        <div class="moveleft" onclick="mutiframe('moveleft')"><i class="fa fa-angle-left fa-fw"></i></div>
        <div class="framebar">
            <div class="flow">
                <div class="frametitle" ng-class="{'active':Menu.list.length==0}">首页</div>
                <div class="frametitle" ng-class="{'active':item.show}" ng-repeat="item in Menu.list"><span ng-click="Menu.Active(item.url)">{{item.title}}</span><span class="right remove" ng-click="Menu.Remove($index)">×</span></div>
            </div>
        </div>
        <div class="framelist"><i class="fa fa-angle-down fa-fw"></i>
            <ul>
                <li ng-click="Menu.Refresh()"><i class="fa fa-refresh">&nbsp;</i>刷新当前</li>
                <li ng-click="Menu.RemoveOther()"><i class="fa fa-remove">&nbsp;</i>关闭其他</li>
                <li ng-click="Menu.RemoveAll()"><i class="fa fa-times-circle">&nbsp;</i>关闭全部</li>
            </ul>
        </div>
        <div class="moveright" onclick="mutiframe('moveright')"><i class="fa fa-angle-right fa-fw"></i></div>
    </div>

以上基于AngularJS，详细不展示请自行实践，下图为预览

Answer 2

可以是一次性将数据加载完，根据点击tab动态显示或不显示对应的模块。也可以是点击相应的tab，通过ajax动态向后端获取数据。建议采用后者。当然最简单的不用动脑子的是，做n个具有相同banner,tab的页面，点击tab，直接通过跳转。
具体代码就不贴了

Answer 3

都是tab插件，当然你如果愿意也可以自己实现。
http://www.oschina.net/news/5...
另外，bootstrap默认带有的tab也挺好。