prova a riferirti all'elemento con this anziché con items[index]...
Provo a spiegarti perché (considera questa lista una "linea del tempo")
- Inizia il ciclo for
- index vale 0
- seconda "passata" del ciclo
- index vale 1
- Entro od esco con il mouse su un elemento
- Si scatena l'evento
-
ma quanto vale index? (vai a vedere al punto 4)
Quindi
codice:
var items = document.getElementsByClassName("Item"); // la classe di ogni voce del sottomenu
for (var i= 0; i < items.length; ++i) {
items[i].addEventListener("mouseenter", function(){
this.style.background= "rgba(255, 255, 255, 0.3 )";
}, false );
items[i].addEventListener("mouseleave", function(){
this.style.background= "black";
}, false );
}