hover

by cristian_cena

HTML

<a id="enlace" href="#">hover</a>
<div id="bloque">lorem ipsum</div>

CSS

#bloque{display:none;}

JavaScript

//SOLO JS
window.onload = function(){
    var enlace = document.getElementById("enlace");
    var bloque = document.getElementById("bloque");
    enlace .onmouseover = function(){ 
        bloque.style.display = "block";
    }
    enlace.onmouseout = function(){ 
        bloque.style.display = "none";
    }
}


/*
//JQUERY
$(document).on('ready', function(){
    $("#enlace").hover(
        function(){
            $("#bloque").css({"display":"block"});
        },
        function(){
            $("#bloque").css({"display":"none"});            
        }
    );
});
*/