Foros del Web - Ver Mensaje Individual - Duda Sobre mostrar y ocultar elementos al pasar el mouse por encima

mauritosuarez · #4 (**permalink**) 10/11/2014, 07:22

Hola jhoannn21, prueba de esta manera.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
            $("#capa").hover(function(){
                $("#mensaje").show();
        },  function(){
            $("#mensaje").hide();
        });
    });
    </script>
    <title>Capa segun mouse sobre otra capa</title>
</head>
<body>
    <div id="capa" style="padding: 10px; background-color:lightgreen;">Pon el raton sobre esta capa</div> <br/>
    <div id="mensaje" style="padding: 10px; background-color:lightgreen;">Haz puesto el raton sobre la capa ahora quitalo de ahí!!</div>
    
</body>
</html>

Espero te sirva.

Saludos.