Immagine con menù a tendina con il javascript

dragons89

il 09 ott 2013, 17:10

6 risposte

dragons89

Pochi posts

Iscritto da: mag, 2013

Messaggi:: 46

Immagine con menù a tendina con il javascript

09 ott 2013, 17:23

Salve vorrei sapere se c'è un modo per creare un'immagine che al click o al passaggio del mouse compari un menù a tendina che si possono inserire diversi URL!!??

ps l'immagine deve avere una determinata dimensione

Ho provato con l'html ma niente spero che con il java si possa fare qualcosa!
grazie in anticipo

6 Risposte

D
dvaosta
Molto attivo
Iscritto da
lug, 2012
Messaggi:
962
Re: Immagine con menù a tendina con il javascript
09 ott 2013, 19:13
Associ all'immagine l'evento onmouseover o onclick, nel quale richiami una funzione che modifichi il display del menu da hidden a block (il menu va posizionato in modo assoluto, oppure puoi giocare con gli z-index). Analogamente per richiudere il menu.

ciao

P.S.: la sintassi e l'ortografia sono importanti tanto negli script quanto nella vita.
D
dragons89
Pochi posts
Iscritto da
mag, 2013
Messaggi:
46
Re: Immagine con menù a tendina con il javascript
09 ott 2013, 19:44
Io non ho mai usato lo javascript puoi aiutarmi meglio?? grazie
D
dvaosta
Molto attivo
Iscritto da
lug, 2012
Messaggi:
962
Re: Immagine con menù a tendina con il javascript
09 ott 2013, 22:38
Volendo si potrebbe fare anche solo con i css, ma servirebbe una conoscenza di questi ultimi medio-alta.

Per farlo con javascript, se non lo conosci molto intanto studia qui: , poi ripassi che ti chiarisco alcuni dettagli. Spiegare tutto sul forum sarebbe troppo lungo.

ciao
D
dragons89
Pochi posts
Iscritto da
mag, 2013
Messaggi:
46
Re: Immagine con menù a tendina con il javascript
27 ott 2013, 20:53
Ci sono riuscito da solo in html...! Grazie lo stesso:)!
D
dvaosta
Molto attivo
Iscritto da
lug, 2012
Messaggi:
962
Re: Immagine con menù a tendina con il javascript
27 ott 2013, 20:57
Hai usato un <select>?
D
dragons89
Pochi posts
Iscritto da
mag, 2013
Messaggi:
46
Re: Immagine con menù a tendina con il javascript
28 ott 2013, 14:55
No ho fatto così
<div id='menucol'>
<div id='topwrapper'>
<ul id='top'>

<li><a class='submenucol' href='#'><img src="link immagine.jpg" width="100" height="150" /> </a>
<ul>
<li><a href='link1'>title</a></li>
<li><a href='link2'>title</a></li>
</ul>
</li>

</ul>
<br class='clearit'/>
</div>
</div>

e poi ho utilizzato un codice css!

praticamente ho seguito questa guida: http://imaniaci.blogspot.it/2013/07/menu-orizzontale-con-sotto-menu-diviso.html

x o invece di mettere il titolo ho messo il codice x l'immagine

Devi accedere o registrarti per scrivere nel forum

6 risposte