最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。
Menu 1
Some text, blabla
发布时间 : 2025-10-25 13:33:53 UTC
Page Views: 9 views
Tab navigation can well display different content, and can switch the content.
Tab u 提示: The currently selected item can be used Vertical tabs can be used If you want to set the toggle tag, you can use the < div > element to add Be careful Use CSS to customize the effect of tab fading:
最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。 class="tabs" data-tab> To create, each option uses the < li > element and adds
.tab-title Class to create. .active Class. 8.16.1. Example ¶
<ul class="tabs" data-tab> <li class="tab-title active"><a href="#">Homea>li> <li class="tab-title"><a href="#">Menu 1a>li> <li class="tab-title"><a href="#">Menu 2a>li> <li class="tab-title"><a href="#">Menu 3a>li> ul>
Vertical tab ¶
.vertical Class: 8.16.2. Example ¶
<ul class="tabs vertical" data-tab>
Toggle Tab ¶
.content Class. Add a unique ID to each tab and connect to the list item (< a href= “# menu1” will open the option content of id= “menu1”). Finally, put all the options in the .tabs-content Class and initialize the Foundation JS. .active Class is automatically added to the currently selected tab: 8.16.3. Example ¶
Tab fade in ¶
8.16.4. Example ¶
.tabs-content > .content.active{ -webkit-animation:fadeEffect 1s; animation:fadeEffect 1s; } @-webkit-keyframes fadeEffect{ from{opacity:0;} to{opacity:1;} } @keyframes fadeEffect{ from{opacity:0;} to{opacity:1;} }