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

1.布局:

rush:xhtml;">

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

2.js控制:

rush:js;"> function dropMenu(obj) { $(obj).each(function () { var theSpan = $(this); var theMenu = theSpan.find(".drop"); var tarHeight = theMenu.height(); theMenu.css({ height: 0,opacity: 0 });

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);
});
}

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值