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

characters

Foundation 提示框

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

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

實(shí)例

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

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

.has-tip 類可以加粗鼠標(biāo)移動(dòng)的文本:

實(shí)例

<span?data-tooltip?class="has-tip"?title="Hooray!">Hover?over?me!</span>
實(shí)例預(yù)覽 ?

提示框顯示位置

默認(rèn)情況下，提示框會(huì)出現(xiàn)在元素的底部。

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

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

實(shí)例

<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>
實(shí)例預(yù)覽 ?

圓角提示框

.radius 和 .round 類用于設(shè)置圓角提示框：

實(shí)例

<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>
實(shí)例預(yù)覽 ?


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

手冊(cè)網(wǎng)

Previous article： Next article：