In questo articolo vogliamo mostare come realizzare un sistema di navigazione dinamico che ci consente di tornare ad inizio pagina quando scrolliamo verso il basso. Per capire megli quello di cui stiamo parlando vi consiglio…
In questo breve articolo vogliamo illustrare come conoscere la posizione di un oggetto all’interno della pagina. jQuery ci mette a disposizone 2 metodi. Il metodo offset() consente di conoscere la distanza dall’alto e da sinistra…
Con queste poche righe di codice è possibile verificare se la visualizzazione di una pagina web tramite iPhone avviene con il telefono posto orizzontalmente o verticalmente. $(document).ready( function(){ if ($(window).height()
Per conoscere l’altezza e la larghezza che occupa la pagina del browser bastano poche righe di codice: $(window).height(); //altezza $(window).width(); //larghezza Un esempio di codice che ci apre 2 alert con altezza e larghezza della…
In questo articolo andremmo ad analizzare uno script relaizzato con jQuery che consente di mostrare e nascondere dinamicamente dei div con un id assegnato. Senza perdità di generalità genereremo i pulsanti utilizzando liste puntate e…
Con jQuery è possibile realizzare una funzione simile all’attributo onload che si inserisce nel tag body per lanaciare una funzione al caricamento della pagina. Basta scrivere il seguente codice: $(document).ready(function(){ //qui scriviamo il codice da…
Vediamo come costruire passo passo un header che si scolorisce e rimpicciolisce quando scrolliamo: Innazio tutto ecco l’esempio: http://demo.studio-88.it/haderopacity.html Per prima cosa andiamo a definire le regole del foglio di stile per: body{ margin:0; padding:0;…
jQuery mette a disposizione dell’utente delle funzioni per effettuare il fade in e il fade out. Con il fade in l’opacità di un elemento passa da 0 a 1, ossia l’elemento diventa visibile, con il…
Come sappiamo jQuery ci consente di gestire dinamicamenti i cambiamenti delle regole CSS. La variazione di una proprietà può avvenire tramite il metodo .css() oppure tramite il metodo .animate() Un semplice esempio di utilizzo di…
jQuery rende estremamente semplice l’assegnazione o la modifica di una proprietà css a uno o più elementi. Supponiamo che stiamo operando su un elemento il cui id è box1 se ad esempio volessimo cambiare o…