JQuery tooltips segítségével tiptip bővítmény xozblog - tanulságok és cikkek weboldalán
Csatlakozó dugó
Az első lépés az, hogy csatlakoztassa, amire szükség van egy plugin.
Továbbá, CSS stílusok dekoráció tippeket. A stílus is elég egyszerű, így könnyen testre őket tetszés szerint.
Tooltips épülnek DIV blokkokat. És felépítése a következő:
div>
div>
div>
használata
Használja ezt a teremtés, egyszerűen. Tegyük fel, hogy szeretnénk Eszköztipp a link. Meg kell adnia egy osztály vagy ID:
Messze, messze túl szóbeli
hegyek a> az ország magán- és mássalhangzók.
Most meg kell adni a következő kódot:
C jQuery szelektor jelölje ki az összes elemet az osztály (.top) és hívja tipTip eljárás paraméterekkel (maxwidth és defaultPosition).
Osztályok kombinálhatók:
$ # 40; ”.tip. Tip2" # 41;. tipTip # 40; # 41; ;
- aktiválást. string ( «lebeg» alapértelmezett) - ábra jelenik meg, mely esemény. Elérhető: «hover». «Focus» és «kattintson»;
- KeepAlive. igaz vagy hamis (false alapértelmezett) - ha igaz, akkor állítsa be a kérdés nem tűnik el, amíg ez nem indukálja a kurzor
- maxwidth. string ( «200px» alapértelmezés) - a maximális szélessége a tippeket, ez a paraméter lehet a «auto»;
- edgeOffset. szám (3 alapértelmezés) - a távolság a pixeleket a linkeket tippeket;
- defaultPosition. string ( «alsó» alapértelmezés) - a helyzet nyomokat hivatkozásokat. Elérhető: «fel». «Bottom». «Balra» és «jobb»;
- késedelem. szám (400 alapértelmezés) - a ezredmásodperc késés megjelenítése előtt a tippeket;
- fadeIn. szám (200 alapértelmezés) - előfordulási arányának tipp ezredmásodperc;
- fadeOut. szám (200 alapértelmezett) - Az eltűnés sebességének kéri ezredmásodpercben;
- attribútum. string ( «cím» Default) - HTML attribútum, amelynek tartalma megjelenik a tooltipben
- tartalmat. igaz vagy hamis (alapértelmezett false) - HTML vagy szöveg kiválasztva, mint a tartalom tippeket;
- meg. visszahívás - felhasználói függvény, amely végrehajtja amikor az egér a link.
- kilép. visszahívás - felhasználói függvényt, amely végre, amikor a kurzor eltávolítjuk a hivatkozást.
Ahhoz, hogy naprakész friss cikkek és a levont feliratkozás VKontakte oldalra, vagy hozzáadni a köröket a Google+. Köszönjük!