Categoria: jQuery

In questo tutorial impareremo a creare un semplicissimo jQuery slider. Realizzeremo questo slider utilizzando i metodi che abbiamo studiato in precedenza, ma più avanti vedremo altri metodi con cui poter realizzare uno slider in jQuery. Quindi i metodi che ci serviranno per questo esempio sono: fadeIn(), fadeOut(), eq(), click(), addClass() e removeClass(). Esempio di utilizzo […]

jQuery eq() method è un metodo che serve ad individuare elementi specifici all’interno di un set di elementi. All’interno del metodo eq() si specifica infatti un indice che indica la posizione dell’elemento che vogliamo selezionare. La sintassi è dunque questa: $(selettore).eq(indice) dove indice rappresenta un numero intero. Quindi se, data una serie di voci di […]

jQuery fadeIn() method serve a mostrare un elemento ma con un effetto a dissolvenza. Questo metodo infatti è molto simile a show(), così come il metodo fadeOut() è simile a hide(). La sintassi infatti è questa: $(selettore).fadeIn(velocità, modalità, funzione) $(selettore).fadeOut(velocità, modalità, funzione) Ricordiamo inoltre che i parametri indicati sono opzionali e si possono anche utilizzare […]

In questa lezione studieremo il metodo jQuery hover(). Nella scorsa lezione abbiamo studiato i metodi mouseover(), mouseout(), mousemove(), mouseenter() e mouseleave(), cercando di capirne le differenze d’uso. Il metodo hover() specifica due funzioni da eseguire quando il mouse passa sopra l’elemento e quando si allontana. La prima funzione specifica cosa succede quando il puntatore del […]

Altri metodi utilizzati per gestire il movimento del mouse nella pagina che vi spiegherò sono mouseenter(), mousemove() e mouseleave(). Questi metodi hanno la stessa sintassi dei metodi precedenti, ma hanno scopi differenti. Esempio con utilizzo del metodi mouseenter(), mousemove() e mouseleave() Fate dunque la prova a passare sopra il testo inserito sotto, comparirà del testo […]

jQuery mouseover() method – In questa lezione studieremo il metodo mouseover() che si verifica quando, come suggerisce già il nome, passiamo su un elemento di una pagina web con il nostro mouse. Quindi potremmo ad esempio desiderare di mostrare una descrizione quando passiamo su un’immagine o su un titolo, ecc… La sintassi di questa funzione […]