Volando come un Rasteriz

E’ molto interessante la gestione degli eventi che fa jQuery: con poche righe di codice si può gestire un evento compatibile con tutti i browser (cross-browser).

Tra gli eventi che ho gestito in passato quello per cui ho goduto di più (grazie a jQuery) è stato lo scroll. Per gestire questo evento, servirà un plugin di jQuery, molto leggero e semplice il cui nome è jquery.event.wheel.

Dopo aver incluso la libreria principale di jQuery, non dovremo far altro che fare questo:

<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.event.wheel-1.0.js"></script>
<div id="gestione_scroll" style="width: 400px; height: 1020px; border: 1px solid #333;"></div>
<script language="javascript" type="text/javascript">
<!--
$(document).ready(function() {
 $('#gestione_scroll').bind("wheel", function(ev, delta)
 {
 alert('evento scroll');
 return true;
 });
});
//-->
</script>

Questo è quanto: semplicità allo stato pure. Adoro jQuery.

Per scaricare l’esempio di questo how-to, potete cliccare qui.

Condividi questo testo

Articoli suggeriti:

1. Eliminare da una tabella le righe, con effetto a scomparsa e jQuery
2. Scopriamo quanto è facile effettuare una richiesta AJAX con jQuery
3. Un calendario (datapicker) per i nostri form con jQuery UI
4. jQuery (ed altre librerie) sempre aggiornate e caricate più velocemente grazie a Google
5. Scorrere le immagini con un effetto a scomparsa utilizzando jQuery