Bule de poppover și - Tooltips atunci când treci pe jquery

În articolul de astăzi vreau să ia în considerare o temă care a apărut în momentul nașterii prima interfață de utilizator, cum ar fi Windows 3.11 (dacă cineva își amintește), și este ferm înrădăcinată în toate aplicațiile, concepute pentru a lucra cu utilizatorul - tooltips.

Astăzi, rețeaua poate găsi un număr mare de implementat folosind biblioteca jQuery s tooltip, suntem cu voi uita la unul, în opinia mea, punerea în aplicare cel mai simplu și cu succes a acestui plug-in. Se numește WebUI Popover și ea locuiește aici - WebUI Popover.

Descărcați, aruncă la site-ul și conectarea la documentul nostru - numai 5 minute de timp și atâta timp cât 3 linii de cod:

Apoi, fixați script-ul pentru elementul dorit:

Aici #testButton - element de identitate, atunci când treci pe care vrem să numim un indiciu. Acesta poate fi, de asemenea, utilizat ca o clasă, sau doar tag-ul. Ultimul incomod, cred că înțeleg de ce. În loc de «opțiuni» enumere modificările necesare - acestea sunt mai mici. Important! altfel nimic nu va funcționa - trebuie să fie specificate cel puțin o setare.

Acum, pe setările. Versiunea originala a ceasului manual aici - opțiuni Popover WebUI.

Un exemplu poate fi văzut făcând clic pe link-ul „demo“ sau descărca fișierul la acest articol. Dacă te duci la acest link - alte exemple. Puteți vedea și să se joace cu setările plugin.

În concluzie, vreau să anuleze plugin-ul este destul de puternic și are mari oportunități pentru înființarea, dar în același timp simplă și intuitivă pentru utilizator „nesofisticate“.