在jQuery mouseenter / mouseleave中连续重复的元素

时间:2013-10-22 20:33:36

标签: jquery mouseenter mouseleave

当我将鼠标悬停在旋转木马上时,我在caroufredsel中放置了两个链接来悬停,但是当我快速悬停在它上面时,链接会根据我进入旋转木马的次数不断闪烁。是否有任何方法可以使鼠标中心/离开事件不会如此迅速地发生?

我知道这个插件有自己的按钮类型,但它使用精灵,我不知道如何制作它们。

这是我用过的简短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并且递减,溢出:隐藏,宽度,填充,高度和边距。每次鼠标进入和离开时都会给出这些信息。

0 个答案:

没有答案