javascript - 如何使用 Javascript/JQuery 在悬停时设置缩略图背景？

Question

当用户将鼠标悬停在一个小缩略图上时，我希望该图像替换背景图像。

如何使用 Javascript/JQuery 做到这一点？

Answer 1

$('thumbnail id').hover(function(){
    $(this).css('background-image','new image');
});

Answer 2

JQuery 的悬停会解决这个问题。基本上，您想获取图像并设置其悬停功能以设置背景图像（如果这是您想要的行为，则在悬停时取消设置）

$('#tumbnail_id').hover(function() {
    // set the background
}, function() {
    // unset the background
});

假设您的缩略图 HTML 标记的 id 为tumbnail_id. 如果你有几个缩略图，你可以用你的选择器和 CSS 类做一些更聪明的事情，但这是添加悬停功能的基础。