Najlepszy samouczek Fundacja balon W 2024 r. W tym samouczku możesz dowiedzieć się
Pozycja wyświetlania Balon,Okrągły balon,
Fundacja balon
Balony przesunąć kursor nad elementem po wystawie:
Możemy dodać do dowolnego elementu w data-tooltip
nieruchomości do tworzenia wiadomości. Użyj title
atrybut, aby ustawić wskazówki wiadomość tekstową.
Uwaga: Suwak wymaga JavaScript. Więc trzeba zainicjować OUNDATION JS:
Przykłady
<Span title danych tooltip = " Brawo!"> Hover nade mną! </ Span>
<! - Inicjowanie Fundacja JS ->
<Script>
$ (Document) .ready (function () {
$ (Document) .foundation ();
})
</ Script>
Spróbuj » .has-tip
klasa może przesunąć mysz pogrubiony tekst:
Przykłady
<Span class = podpowiedź danych " ma-Tip" title = "Brawo!"> Hover nade mną! </ Span>
Spróbuj »
Pozycja wyświetlania Balon
Domyślnie okno wiersza pojawi się w dolnej części elementu.
Można użyć .tip-top
, .tip-left
, .tip-right
lub .tip-bottom
(ustawienie domyślne), aby ustawić pozycję szybkiego skrzynki.
Uwaga: Na małych rozmiarów ekranu, balon szerokopasmowego wynosi 100%.
Przykłady
<Span class = podpowiedź danych " ma-tip tip-top" title = "Brawo!"> Góra </ span>
<Span class = podpowiedź danych " ma-tip tip-bottom" title = "Brawo!"> Dolna </ span>
<Span danych etykietka class = " ma-tip tip-left" title = "Brawo!"> W lewo </ span>
<Span class = podpowiedź danych " ma-tip tip-prawo" title = "Brawo!"> Prawym </ span>
Spróbuj »
Okrągły balon
.radius
i .round
klasa jest używana do ustawiania wskazówki pole zaokrąglony:
Przykłady
<Span class = podpowiedź danych " ma-Tip" title = "Brawo!"> Domyślny </ span>
<Span class = podpowiedź danych " ma-tip promień" title = "Brawo!"> Promień </ span>
<Span danych etykietka class = " ma końcówka okrągła" title = "Brawo!"> Okrągły </ span>
Spróbuj »