我正在使用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
};
有人可以帮我正确的方向吗?
答案 0 :(得分:0)
您可以尝试为onBeforeShow创建一个函数并使其休眠(750);
答案 1 :(得分:0)
我能够通过为superfish添加hoverIntent插件并设置延迟鼠标的间隔值来解决此问题。只为其他人提出同样的问题。