jquery - 悬停缩略图时，文本会顺利显示。这是一个 jQuery 插件还是只是 CSS？

Question

我不知道在以下页面中描述此行为的确切词语:http://kyanmedia.com/和 http://www.jayhollywood.com.au/ . 当您悬停图片(缩略图)时。一段文字顺利出现。这是一个 jquery 插件还是 CSS？

如何重现该行为/效果？

Answer 1

检查 CSS 技巧:

http://css-tricks.com/examples/GarageDoorMenu.zip

和

http://css-tricks.com/examples/GarageDoorMenu/

编辑:

它使用两个相互重叠的 DIV。然后，当您悬停时，它将为“车库门”div 的背景位置属性设置动画。车库门在其“门”图形下方是透明的，因此您可以查看下面的图层。
这个特定的实现使用 JQuery:

$(".link").hover(function(){
    $(this).parent().stop()
        .animate({backgroundPosition: '(0px -100px)'}, 500 );
}, function() {
    $(this).parent().stop()
        .animate({backgroundPosition: '(0px 0px)'}, 500 );
});