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ő:







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 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!




Kapcsolódó cikkek