Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Capa segun mouse sobre otra capa</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#capa").hover(function(){
                $("#mensaje").show();
            }, function(){
                $("#mensaje").hide();
            });
        });
     </script>
    <style type="text/css">
        #capa, #mensaje{
            padding: 10px; 
            background-color: lightgreen;
        }
 
        #mensaje{
            display: none;
        }
    </style>
</head>
<body>
    <div id="capa">Pon el raton sobre esta capa</div>
    <div id="mensaje">Haz puesto el raton sobre la capa ahora quitalo de ahí!!</div>    
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Alexis88pro
0viewers