W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
提示框在鼠標(biāo)移動(dòng)到元素上后顯示:
我們可以在任何元素上添加 data-tooltip
屬性來(lái)創(chuàng)建提示信息。使用 title
屬性來(lái)設(shè)置提示信息的文本。
注意: 滑塊需要使用 JavaScript。所以你需要初始化Foundation JS:
.has-tip
類可以加粗鼠標(biāo)移動(dòng)的文本:
默認(rèn)情況下,提示框會(huì)出現(xiàn)在元素的底部。
可以使用 .tip-top
, .tip-left
, .tip-right
or .tip-bottom
(默認(rèn)) 來(lái)設(shè)置提示框的位置。
注意: 在小尺寸的屏幕上,提示框的寬帶是 100%。
.radius
和 .round
類用于設(shè)置圓角提示框:
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: