Tippy.js - viegls Vanilla Javascript Tooltip bibliotēka

Rīki ir noderīgi, lai parādītu mazliet papildu satura. Tie ietaupa vietu lapā un dod jums iespēju dzīvot kaut ko, kas piesaista cilvēku uzmanību.

Agrāk mēs esam iekļāvuši rīku padomju skriptus, bet daudzi izstrādātāji vēlas pielāgotus bibliotēkas. Daži dod priekšroku jQuery, citi vēlas vienkāršu vaniļu JS.

Tippy spraudnis vislabāk darbojas pēdējai grupai kas vēlas strādāt ar vaniļas JS kodu.

Ar Tippy.js saņemat pilnībā funkcionējoša rīku bibliotēka darbojas Popper.js augšpusē. Tas nozīmē, ka spraudnis nāk ar nelielu atkarību, bet tas ir daudz vieglāk pārvaldāms nekā jQuery bibliotēka.

Tātad, kas ir Tippy skaistums? Tas pievieno noklusējuma Popper stilu, lai izveidotu dinamiskāki rīki ar neticamu efektu.

Jūs varat pievienot izbalēšanu, slaidus, wiggles, pielāgotus ilgumus, atzvanīšanas metodes un pat dinamiskus efektus, piemēram, automātiskās rotācijas rīkus.

Patiešām šis spraudnis aizņems jūsu rīkus līdz pilnīgi jaunam līmenim ar labi definētām lietojamības funkcijām. Jūs varat saglabāt rīku padomi, kas fiksēti ekrānam ar noteiktiem lapas elementiem, vai tos mainīt, ja ekrāns kļūst pārāk mazs.

Tā atbalsta arī skārienjūtīgas ierīces, kas padara to perfektu atsaucīgiem izkārtojumiem. Tooltip HTML tiek apzīmēts ar ARIA standartiem, lai nodrošinātu maksimālu pieejamību. Es nevaru iedomāties neko sliktu pateikt par šo spraudni!

Ja vēlaties to izmēģināt savā vietnē, lejupielādējiet tikai avota kodu no GitHub. Tas ietver galvenos spraudņa failus kopā ar informāciju par to, kā to instalēt, izmantojot npm.

Noklusējuma Tippy.js skripta fails ir iekļauts komplektā Popper.js, tāpēc jums nav nepieciešams lejupielādēt šo papildu bibliotēku. Viss, kas Jums nepieciešams, ir noklusējuma JS / CSS fails un tīmekļa lapa, lai palaistu rīkus.

Ja vēlaties sīkāk ienest dažos piemēros, apskatiet Tippy.js mājas lapu, kurā ir dzīvi paraugi + koda fragmenti, kurus varat kopēt un atkārtoti izmantot.