come fare questo effetto mouseover?

alfcas ha scritto il 25.02.2016 ore 12:33

Salve,

vorrei realizzare un effetto mouseover un pò particolare, o almeno credo lo sia, ovvero:

immaginiamo la classica barra dei menù posta in testa alla pagina, ed immaginiamo che sia composta per esempio così: bianco-rosso-verde-giallo

Ora, l'effetto che vorrei realizzare è quello che una volta cliccato sul menù la parola "bianco", DOPO IL CLICK (e non al passaggio del mouse sopra la scritta), vorrei che nella stessa pagina, mi si aprisse un'immagine o testo, e che questa/o rimanga fissa, fintanto che non si clicchi su un altro dei menù.

Al click del menù "rosso", scompaia l'immagine relativa al menù bianco e compaia quella relativa al menù rosso e così via per ogni menù.

cioè una sorta di chiodo schiaccia chiodo, ma solo alla pressione del click e non al semplice passaggio del mouse sopra la scritta, come si vede nei tutorial.

Grazie

P.S. ovviamente il tutto deve avvenire nella stessa pagina e non aprire altre pagine del sito.

Lo vorrei/potrei realizzare con Magix web designer 11 Premium o Xara Designer Pro 11

 

Commenti

Vecchio utente ha scritto il 25.02.2016 ore 13:56

Ti lascio un video tutorial, nell'esempio ho usato solo un tasto, ma capito come funziona si fa su tutti i pulsanti che vuoi, nota bene sarebbe possibile farlo anche con la barra dei menù, però è un lavoro più lungo ed è facile sbagliare, per tanto il mio consiglio è quello di utilizzare i singoli pulsanti per creare una barra menù.

alfcas ha scritto il 26.02.2016 ore 15:39

Grande come sempre;-)Grazie

Più semplice di quello che potevo immagincare.

Grazie 1000