请教jquery的mouseover、mouseout用法，多谢了！

想做这种鼠标移上去，下面div显示，同时可以让#div_hide的div可以停留，选取select里的选项鼠标移出，下面div隐藏“可是现在鼠标一离开.p_line的di... 想做这种鼠标移上去，下面div显示，同时可以让#div_hide的div可以停留，选取select里的选项
鼠标移出，下面div隐藏
“可是现在鼠标一离开.p_line的div，#div_hide的div马上就消失了”
如何让#div_hide的div可以停留，因为要选择select里的选项

代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>aaaaa</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function () {

$(".p_line").mouseover(function () {

$("#div_hide").slideDown("slow");
})
$(".p_line").mouseout(function () {

$("#div_hide").slideUp("slow");
})

})
</script>
<style>
#div_hide{ display:none}
</style>
</head>

<body>

<div class="p_line">我们都是好孩子</div>
<div id="div_hide"><select><option>dddd</option><option>dddd</option><option>dddd</option><option>dddd</option></select>天空白云</div>
</body>
</html> 展开

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

百度网友52de52fd
推荐于2016-03-28 · TA获得超过198个赞

知道答主

回答量：41

采纳率：0%

帮助的人：46.7万

我也去答题访问个人页

关注

展开全部

$(".p_line").mouseover(function () {
    $("#div_hide").slideDown("slow");
})
// 这句没问题

$(".p_line").mouseout(function () {
    $("#div_hide").slideUp("slow");
})
// 这句是你一离开p_line区域就隐藏，你要的是点选select再隐藏，逻辑不对，改到select里的事件就可以了
$(".p_line select").change(function () {
    $("#div_hide").slideUp("slow");
}) 
不过这个事件里你应该还有其它逻辑
比如保存选中的值
$(".p_line select").change(function () {
    $("#div_hide").slideUp("slow");
    $("#div_hide").html($(".p_line select").val());
})


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

请教jquery的mouseover、mouseout用法，多谢了！

其他类似问题

为你推荐：