标签:
有时候我们需要这个效果:当鼠标放上去的时候显示一个div,当鼠标移走的时候就将div隐藏了。代码如下,记得引入Jquyer库。
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(function () {
$("#list").hide();
$("#menu").hover(function () {
$("#list").show();
}, function () {
$("#list").hide();
});
});
//-->
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="menu" style="width: 200px; height: 100px; border: 1px solid red;">
</div>
<div id="list" style="width: 300px; height: 300px; ">
</div>
</div>
</form>
</body>
</html>
Jquery的鼠标移动上去显示div,鼠标离开的时候隐藏div效果
标签:
原文地址:http://www.cnblogs.com/LoveQin/p/4680821.html