En esta pregunta hay 7 submenús en la barra de navegación, quiero que cuando se cargue el sitio web, haga algo como pasar el cursor sobre todos los menús uno por uno. No active eventos del mouse, solo manipule DOM/estilo, debo escribir el código en JavaScript
Aquí está uno de los submenús:
<div class="submenu"> <ul class="linkmenu"> <li class="d-md-none"> <div class="nav-item standalone-nav"><span><a href="/wines/_/Nn" data-nav-label="Browse all Offers"><strong>Browse all Offers</strong></a></span></div> </li> <li> <div class="nav-item"> <span>Type</span> <i class="arrow down"></i> </div> . . . . . </a> </li> --> </ul> </div>Puedes usar
css: [querySelecter]: hover
ejemplo:
.nav-item:hover { /* css code here */ }js: un mouseover y mouseleave
ejemplo:
document.querySelecter('.nav-item').addEventListener('mouseover',()=>{ /* js */ } document.querySelecter('.nav-item').addEventListener('mouseleave',()=>{ /* js */ }