鼠标悬停时Superfish菜单延迟

时间:2014-09-20 18:55:13

标签: jquery css asp.net

我正在使用superfish下拉菜单。一切都很好,但是,我想在鼠标悬停时添加一些延迟,即0.75秒。我发现在mousover上添加延迟没有任何相关内容。我可以为mouseout添加延迟并将速度值增加到750毫秒,但它只会在750秒内消失,但菜单会在悬停时立即显示。

我确实喜欢这个

<script type="text/javascript">
    jQuery(document).ready(function($) {
    $("#menu").superfish({
            delay:       0,
            speed:       750
        });
     });
 </script> 

BTW,superfish的默认值在superfish.js中看起来像这样:

$.fn.superfish.defaults = {
        popUpSelector: 'ul,.sf-mega', // within menu context
        hoverClass: 'sfHover',
        pathClass: 'overrideThisToUse',
        pathLevels: 1,
        delay: 800,
        animation: {opacity: 'show'},
        animationOut: {opacity: 'hide'},
        speed: 'normal',
        speedOut: 'fast',
        cssArrows: true,
        disableHI: false,
        onInit: $.noop,
        onBeforeShow: $.noop,
        onShow: $.noop,
        onBeforeHide: $.noop,
        onHide: $.noop,
        onIdle: $.noop,
        onDestroy: $.noop
    };

有人可以帮我正确的方向吗?

2 个答案:

答案 0 :(得分:0)

您可以尝试为onBeforeShow创建一个函数并使其休眠(750);

答案 1 :(得分:0)

我能够通过为superfish添加hoverIntent插件并设置延迟鼠标的间隔值来解决此问题。只为其他人提出同样的问题。