jCarousel仅在鼠标悬停在容器上时显示箭头

Question

我正试图让我的jCarousel的箭头只显示在鼠标悬停在容器上时（我将在同一页面中有多个容器）

但我不知道如何处理这个问题。

有没有人知道如何做到这一点？

非常感谢！

Answer 1

首先，您必须默认隐藏箭头，因此在CSS中执行：

.arrow-class {display:none;}

然后使用jquery显示何时将鼠标悬停在图像上

$(".image-class").hover(function(){
    $(".arrow-class").show(); //this happens when you mouse in
}, 
function(){
    $(".arrow-class").hide(); //this happens when you mouse out
});