8.27. Foundation prompt box

发布时间 : 2025-10-25 13:33:56 UTC      

Page Views: 10 views

The prompt box is displayed after you move the mouse over the element:

We can add to any element data-tooltip Property to create a prompt message. Use title Property to set the text of the prompt.

注意: The slider needs to use JavaScript. So you need to initialize Foundation JS:

8.27.1. Example

Hover over me!   

尝试一下 »

.has-tip Class can bold the text that the mouse moves:

8.27.2. Example

Hover over me! 

尝试一下 »

Prompt box display location

By default, the prompt box appears at the bottom of the element.

可以使用 .tip-top , .tip-left , .tip-right or .tip-bottom (默认) 来设置提示框的位置。

注意: On a small screen, the broadband of the prompt box is 100%.

8.27.3. Example

<span data-tooltip class="has-tip tip-top" title="Hooray!">Topspan> <span data-tooltip class="has-tip tip-bottom" title="Hooray!">Bottomspan> <span data-tooltip class="has-tip tip-left" title="Hooray!">Leftspan> <span data-tooltip class="has-tip tip-right" title="Hooray!">Rightspan>    

尝试一下 »

Fillet prompt box

.radius And .round Class is used to set the fillet prompt box:

8.27.4. Example

<span data-tooltip class="has-tip" title="Hooray!">Defaultspan> <span data-tooltip class="has-tip radius" title="Hooray!">Radiusspan> <span data-tooltip class="has-tip round" title="Hooray!">Roundspan>    

尝试一下 »

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。