jQuery plugins - vTip
aug 17

vTip

Tooltip plugin

Verzió: 2.0
Kiadás dátuma: nincs adat
Fejlesztő: VertigoProject
Liszensz: nincs adat

Bevezető

Egy újabb, egyszerű tooltip plugin. Használata egyszerű, bármely elemre alkalmazható, amelynek van title attribútuma.

Implementálás

CSS

            <link type="text/css" rel="stylesheet" href="vtip.css" media="screen" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/vtip.js"></script>
          

Használat

A megfelelő elem stílusának a .vtip osztályt kell megadnunk, illetve címként (title) a megjeleníteni kívánt szöveget:

            <a class="vtip" href="url" title="buborék szövege">link szövege</a>
          

Tippek

  • A plugin egyszerűségéből fakadóan nem nyújt annyi szolgáltatást, mint az oldalon már korábban szereplő TipTip tooltip plugin, amely pl. érzékeli az ablak szegélyét és ennek megfelelően helyezi el a buborékot.
  • Nálam a link-re alkalmazott tooltip pont úgy jelenik meg, hogy a buborék tetején lévő kis nyilacska az egérmutató alá esik, és így nem látszik (nem link esetén rendesen jelenik meg). Ha az említett nyilacska (vtip_arrow.png) horizontális pozícióját szeretnénk módosítani, akkor azt a CSS kódban megtehetjük.
  • Ha a buborék pozícióját vertikális irányban is szeretnénk módosítani, azt csak a .js kódban tehetjük meg, CSS-ből nem.