Jquery hover intent

Jquery hover intent

985
1
CONDIVIDI

Ritorno a scrivere 4 righe sul mio Blog stavolta virando su una libreria di Jquery. La hover intent rallenta l’effetto onMouseOver, magia? No questa “pezza” invece di chiamare immediatamente la funziona “onMouseOver”, aspetta fino a quando il mouse rallenta abbastanza prima di effettuare la chiamata.

Questo plug-in è utile se si utilizzano controlli in piccole aree di lavoro dove spesso il mouse accidentalmente punta senza il reale “intento” dell’utente.

Come applicare l’hover intent

var config = {    
     over: makeTall, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: makeShort // function = onMouseOut callback (REQUIRED)    
};
 
$("#demo3 li").hoverIntent(config) //#demo3 li è l'oggetto che prenderemo in esame

Per scarcare jQuery hover intent e vedere alcuni esempi pratici visita la dispensa ufficiale.

  • paolo

    Ho seguito le istruzioni ma mi compare questo errore nella console:

    Uncaught TypeError: Object [object Object] has no method 'hoverIntent'

    chi può aiutarmi?