Hogyan készítsünk tooltipben jquery
A Pop-up tanácsok néha tisztázni kell a szövegben. Tooltips korábban tárgyalt. Sajnos a Chrome és a Firefox böngészők nem működnek. A cikk nem törölte, úgy döntöttem, hogy legyen, mint egy emlékeztetőt hiba. Ebben a cikkben azt is meg fogja vizsgálni egy csipetnyi a jQuery, de működik minden böngészőben.
Egy kicsit a tooltip. A tipp jelenik meg a kattintás, és a kurzor. Ez a nem csak szöveget, hanem képeket. A rendszer segítségével a tippeket is, hogy egy link. Tulajdonságai CSS stílusokat, hogy segítsen megváltoztatni a háttérszín és tex tippeket.
Annak érdekében, hogy továbbra is SimpleTip letölthető az archív fájl. Ebben az archívumban található a CSS fájlt, a szkriptek nyomokat, egy index fájl egy mappában képekkel.
Csomagold ki a fájlt, és helyezze el a gyökér mappában SimpleTip oldalon. Csatlakoztassa a szkriptek és stílusok az oldalon (ne felejtsük el, hogy a helyes utat, hogy a fájlok).
Kapcsolódó cikkek: A tooltip
jQuery script tooltip
Az alábbiakban clickTip.js fájlt. A szkript segít helyesen pozícionálja a tippeket, add az osztályok és az út után. Nézd meg a forgatókönyvet, és megmagyarázni.
Forgalomba a HTML-oldal
A szkript három lehetősége van a használatra.
1 - linkek sorolni a megfelelő osztályba. Elemleírásokat van CÍM, poskazka povitsya hover
Elemleírásokat van CÍM, betette a EM tag és egy üzenet jelenik meg megjegyzések kattintással.
Ajánlom kattintással
2 - Block írni kézzel, a click-tip nélkül jelenik forgatókönyvet. Ebben az esetben a változás: a hangsúly a: hover
Eredmények a böngészőben:
példa
Animációs képek css
Kihúzható lap
Hivatkozások aláhúzása lebeg
A CSS hover effektek
Külső linkek az oldalra
Aláírások a képre
A fényképek szalagok
kerek kép
Hozzon létre egy bekezdés a szöveg
Hogyan készítsünk tooltipben jQuery
Saroklegömbölyítő css
Hogyan készítsünk tooltip
Animációs képek css
Jövedelem Seosprint
Hogyan lehet eltávolítani a szót címke
Copy link Program
A helyszínen egy mobil változata
Kihúzható lap
csúszka képek