Estoy usando este código:
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById("div#logo1").onclick = function(){
hideAllImages();
document.getElementById("01").style.display="block";
removeNavHighlight();
document.getElementById("div#logo1").classList.add("my_active");
};
document.getElementById("div#logo2").onclick = function(){
hideAllImages();
document.getElementById("02").style.display="block";
removeNavHighlight();
document.getElementById("div#logo2").classList.add("my_active");
};
document.getElementById("div#logo3").onclick = function(){
hideAllImages();
document.getElementById("03").style.display="block";
removeNavHighlight();
document.getElementById("div#logo3").classList.add("my_active");
};
function hideAllImages() {
var items = document.getElementsByClassName('changing_text');
var itemsLen = items.length;
for(var i = 0; i < itemsLen; i++) {
items[i].style.display="none";
}
}});
Que funciona bien con el evento de clic, pero quiero convertirlo para que sea funcional cuando paso el cursor por el elemento.
Qué debe hacer esta función: por ejemplo, cuando paso el mouse sobre una imagen, debe aparecer otro elemento y el elemento anterior debe ocultarse.
Este es el código Javascript de Vanilla.
¿Alguna sugerencia? intenté cambiar .onclick a .onmouseover pero no funcionó
Gracias
No es .mouseover es .onmouseover
¿Te funciona reemplazar .onclick por .onmouseover ?
Estas funciones siempre están en formato on<event> . Debería estar .onmouseover como ya han dicho las otras respuestas. Tenga en cuenta que estaría usando mouseover si estuviera agregando un detector de eventos usando la función addEventListener .