鼠标悬浮显示二级菜单效果的jquery实现

前端之家收集整理的这篇文章主要介绍了鼠标悬浮显示二级菜单效果的jquery实现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.布局:

<div class="drop" style=" display:none; z-index:80000" id="profileMenu">

2.js控制:

var t1;

function expand() {
clearTimeout(t1);
//theSpan.find('a').addClass("selected");
theMenu.stop().show().animate({ height: tarHeight,opacity: 1 },200);
}

function collapse() {
clearTimeout(t1);
t1 = setTimeout(function () {
// theSpan.find('a').removeClass("selected");
theMenu.stop().animate({ height: 0,opacity: 0 },200,function () {
$(this).css({ display: "none" });
});
},250);
}

theSpan.hover(expand,collapse);
theMenu.hover(expand,collapse);
});
}

原文链接:https://www.f2er.com/jquery/57440.html

猜你在找的jQuery相关文章