0

我在 caroufredsel 中放置了两个链接，以便在我将鼠标悬停在轮播上时打开和关闭，但是当我将鼠标快速悬停在它上面时，链接会根据我进入轮播的次数不断闪烁。有什么办法可以让 mouseenter/leave 事件不会发生得这么快吗？

我知道该插件带有自己的按钮类型，但它使用精灵，我不知道如何制作。

这是我为此使用的简短 jQuery 代码：

 $('#prev, #next').hide();
    $('.image_carousel').mouseenter(function() {
    $('#prev, #next').show("slow");
    });
    $('.image_carousel').mouseleave(function() {
    $('#prev, #next').hide("slow");
});`

和html：

<div class="image_carousel">

    <div id="carousel">
        carousel items...
    </div>

    <a class="prev" id="prev" href="#"><i class="icon-angle-left icon-4x"></i></a>
    <a class="next" id="next" href="#"><i class="icon-angle-right icon-4x"></i></a>
</div>

在 Chrome DevTools 中，它显示两个锚标记附加了许多不同的样式，例如不透明度设置为 1 并递减、溢出：隐藏、宽度、填充、高度和边距。每次鼠标进入和离开时都会给出这些。

4

0 回答 0