jQuery plugins - jQuery PointPoint
dec 20

jQuery PointPoint

"Mutató eszköz"

Verzió: 1.0
Kiadás dátuma: 2011/09/12
Fejlesztő: Martin Angelov
Liszensz: MIT

Bevezető

A PointPoint plugin az oldal egy tetszőleges elemére irányítja a figyelmet: egy pici nyilat jelenít meg az egérmutató mellett, amely a kurzor aktuális pozíciójától függetlenül mindig a célelem irányába mutat.

Ez az apró plugin hasznos lehet egy nehezebben átlátható, bonyolult oldal esetén pl. a letöltés, a regisztráció stb. gomb "kiemeléséhez".

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/jquery.pointpoint.css" />
          

JavaScript

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

Deklaráció

            $(document).ready(function(){
              $('#pelda').pointPoint();
            });
          

Teljes paraméterlista

  • class: az aktuális irányt mutató nyíl CSS osztálya (alapértelmezett: 'pointPointArrow')
  • distance: a nyíl pixelben mért távolsága az egérmutatótól (alapértelmezett: 30)

Metódusok

  • destroyPointPoint(): a plugin törlése

Tippek

  • A plugin a CSS3 rotation transzformációs függvényét használja, így a CSS3-at nem támogató böngészőkben nem működik (pl. IE6,7,8).