效果：
HTML部分：
jquery Tabs选项卡切换
- 概况
- 行政
- 经济
- 教育
- 福利
- 风土人情
1这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容
css部分：
*{ margin:0; padding: 0; }.clearfix:after{ content: "."; display: block; height: 0; visibility: hidden; clear: both;}.clearfix{*zoom:1;}.country-profile {width: 500px;height: 220px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: #eee;}li{ list-style: none; }.tab-content {margin-top: -20px;padding: 10px;} .tabs-title {display: inline-block;}.tabs-title li{ float: left;}.tab-common { width: 82px; padding: 5px 0; background-color: #333; color: #fff; margin-left: 1px; text-align: center; cursor: pointer;}.tabActive{ position: relative; color:orange;}.tabActive:after{ content: ''; border-style: solid; border-width: 0 4px 8px 4px; border-color:transparent transparent #fff transparent; position: absolute; bottom:-2px; left:50%; margin-left: -4px;}.country-flag { width:240px; height: 203px; float: left;}