Añadir una capa overlay a un contendor utilizando jquery

Vamos a usar jQuery para este propósito.

img_overlayed.hover(function() {
if (!text_overlay.hasClass('animated')) {
text_overlay.dequeue().stop().slideDown(300);
}
}, function() {
text_overlay.addClass('animated').slideUp(300, function() {
text_overlay.removeClass('animated').dequeue();
})
}
);

 

JavaScript
JQuery
Front-end

Articulos Relacionados