Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

458
Vistas
¿Cómo abrir ventana modal al pasar mouse sobre elemento HTML?

Tengo una ventana modal (display: none) y nesecito mostrarla al pasar el mouse sobre una etiqueta.

¿Cómo puedo hacer esto?

HTML

<div class="container">
            <div class="modalTipo" id="loginModal" >
                <div class="modal-content2">
                    <div class="row">
                    
                           <table style="background-color:#F3F3F3;color:green;">
                               <tr>    
                                    <td class="col-md-4" style="background-color:#F3F3F3;color:green"> <span> AfirmeNet </span> </td>
                                    <td> <input type="radio" id="rPersonas"></td> 
                                    <td><label class="form-check-label" for="flexRadioDefault1">Personas</label></td>
                                    <td>&nbsp;&nbsp;</td>
                                    <td><input type="radio" id="rEmpresas" > </td>
                                    <td><label class="form-check-label" for="flexRadioDefault1">Empresas </label> </td>
                               </tr>

                               <tr>    
                                   <td class="col-md-4" style="background-color:#F3F3F3;color:green"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></td>
                                   <td colspan="2"><input type="text" placeholder="Personas" /></td>
                                   <td>&nbsp;&nbsp;</td>                        
                                   <td colspan="2"> <input type="submit" value="Entrar" class="btn btn-success" /></td>
                               </tr>

                           </table>
      
                    </div>
                </div>
            </div>

JS

function MostrarLoginModal() {
    $('#loginModal').show();
}
over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

El evento que nesecitaba es MouseOver.

Agregue estas lineas a mi codigo JQuery:

$("#_menu").mouseover(function () {
    $('#loginModal').show();
});
over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda