亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

personnages

Foundation 提示框

我們可以在任何元素上添加 data-tooltip 屬性來創(chuàng)建提示信息。使用 title 屬性來設置提示信息的文本。

注意: 滑塊需要使用 JavaScript。所以你需要初始化 oundation JS:

實例

<span?data-tooltip?title="Hooray!">Hover?over?me!</span>

<!--?Initialize?Foundation?JS?-->
<script>
$(document).ready(function()?{
????$(document).foundation();
})
</script>
實例預覽 ?

.has-tip 類可以加粗鼠標移動的文本:

實例

<span?data-tooltip?class="has-tip"?title="Hooray!">Hover?over?me!</span>
實例預覽 ?

提示框顯示位置

默認情況下，提示框會出現在元素的底部。

可以使用 .tip-top, .tip-left, .tip-right or .tip-bottom (默認) 來設置提示框的位置。

注意: 在小尺寸的屏幕上，提示框的寬帶是 100%。

實例

<span?data-tooltip?class="has-tip?tip-top"?title="Hooray!">Top</span>
<span?data-tooltip?class="has-tip?tip-bottom"?title="Hooray!">Bottom</span>
<span?data-tooltip?class="has-tip?tip-left"?title="Hooray!">Left</span>
<span?data-tooltip?class="has-tip?tip-right"?title="Hooray!">Right</span>
實例預覽 ?

圓角提示框

.radius 和 .round 類用于設置圓角提示框：

實例

<span?data-tooltip?class="has-tip"?title="Hooray!">Default</span>
<span?data-tooltip?class="has-tip?radius"?title="Hooray!">Radius</span>
<span?data-tooltip?class="has-tip?round"?title="Hooray!">Round</span>
實例預覽 ?


關于我們 聯(lián)系我們 留言板

手冊網

Article précédent： Article suivant：