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

1.布局：

<div class="show">
<img src="~/images/head_icon.png" /> 

<div class="drop" style=" display:none; z-index:80000" id="profileMenu">
<ul>
<li>
<a class="pass" style="cursor: pointer"
href='#'>
<span>修改密码</span>
</a>
</li>
<li>
<a class="quit" style="cursor: pointer"
href='#'
><span>退出</span></a>
</li>
</ul>
</div>
</div>

2.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 鼠标悬浮提示、jquery实现鼠标悬浮窗，以便于您获取更多的相关知识。