Latest web development tutorials

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 »