Primi menu in javascript

[El rumbero]

Devo creare un menù in javascript, ma non mi ci sono mai applicati seriamente fino ad ora e non so come muovermi.

Il problema è che devo fare un gioco di onmousemove e onmousedown(credo)

devo cioè creare un menù a due livelli, la pressione sul primo, causa una apertura (tra i primi livelli) di un secondo con altri pulsanti che aprono le pagine web.

Il problema e che non sono colori e scritte, ma tutte immagini e quindi mi sento un po perso.

[cavicchiandrea]

prova a vedere se riesci a modificare questo oppure vedi anche qui o ancora cerca su google trovare qualcosa che faccia al caso tuo non credo sia difficile.

[El rumbero]

Ti ringrazio, ma...
Riscrivo, che il mio problema, è che utilizzo immagini jpeg create con altri software, non devo usare l'HTML, per creare un quadrato colorato con le scritte per i menù con i link.
Il sito che mi hai postato, crea un menù dinamico esclusivamente col codice HTML senza importare immagini, posizionarle e sostituirle ai vari onmousemove, onmouseoff etc..

[cavicchiandrea]

Originariamente inviato da El rumbero
Ti ringrazio, ma...
Riscrivo, che il mio problema, è che utilizzo immagini jpeg create con altri software,
non devo usare l'HTML, per creare un quadrato colorato con le scritte per i menù con i link.
Il sito che mi hai postato, crea un menù dinamico esclusivamente col codice HTML senza importare immagini, posizionarle e sostituirle ai vari onmousemove, onmouseoff etc..

Dal moneto che non capisco cosa intendi, forse qualche altro utente del form potra esserti d'aiuto.

[El rumbero]

ho risolto grazie :

    <script type="text/javascript">
       
         function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;


       
function aprichiudi(item,imgoff,imgon) {


   elem=document.getElementById(item);
   visibile=(elem.style.display!="none")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.display="none";
     prefisso.innerHTML="[img]" + imgoff + "[/img]";
   } else {
      elem.style.display="block";
      prefisso.innerHTML="[img]" + imgon + "[/img]";

   }
}