鼠标还没有碰到 那个黄色框里面的文字,,就自动触发隐藏掉了。
<div class="meimei_search_1_left">
<div onclick="meimei_change_search_1(1)" id="meimei_search_1_left_content_1" class="meimei_search_1_left_content_b">面积</div>
<!-- +++++ -->
<div id="meimei_search_1_right_content_1" class="meimei_search_1_right_content">
<div class="xuanze">
<ul>
<li class="leftselected" id="la_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 0, 'la', 0, 8);">不限</a></li>
<li class="leftselect" id="la_1"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 1, 'la', 1, 8);">50㎡以下</a></li><li class="leftselect" id="la_2"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 2, 'la', 2, 8);">50-70㎡</a></li><li class="leftselect" id="la_3"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 3, 'la', 3, 8);">70-90㎡</a></li><li class="leftselect" id="la_4"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 4, 'la', 4, 8);">90-110㎡</a></li><li class="leftselect" id="la_5"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 5, 'la', 5, 8);">110-130㎡</a></li><li class="leftselect" id="la_6"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 6, 'la', 6, 8);">130-150㎡</a></li><li class="leftselect" id="la_7"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 7, 'la', 7, 8);">150㎡以上</a></li>
</ul>
</div>
</div>
<!-- ----- -->
<div onclick="meimei_change_search_1(2)" id="meimei_search_1_left_content_2" class="meimei_search_1_left_content_b">建筑年代</div>
<!-- +++++ -->
<div id="meimei_search_1_right_content_2" class="meimei_search_1_right_content">
<div class="xuanze">
<ul>
<li class="leftselected" id="ly_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 0, 'ly', 0, 5);">不限</a></li>
<li class="leftselect" id="ly_1"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 1, 'ly', 1, 5);">2000年以前</a></li>
<li class="leftselect" id="ly_2"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 2, 'ly', 2, 5);">2000年以后</a></li>
<li class="leftselect" id="ly_3"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 3, 'ly', 3, 5);">2005年以后</a></li>
<li class="leftselect" id="ly_4"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 4, 'ly', 4, 5);">2010年以后</a></li>
</ul>
</div>
</div>
<!-- ----- -->
<div onclick="meimei_change_search_1(3)" id="meimei_search_1_left_content_3" class="meimei_search_1_left_content_b">类型</div>
<!-- +++++ -->
<div id="meimei_search_1_right_content_3" class="meimei_search_1_right_content">
<div class="xuanze">
<ul>
<li class="leftselected" id="ht_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 0, 'ht', 0, 5);">不限</a></li>
<li class="leftselect" id="ht_1"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 1, 'ht', 1, 5);">住宅</a></li><li class="leftselect" id="ht_2"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 2, 'ht', 2, 5);">别墅</a></li><li class="leftselect" id="ht_3"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 7, 'ht', 3, 5);">商铺</a></li><li class="leftselect" id="ht_4"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 8, 'ht', 4, 5);">自建房</a></li>
</ul>
</div>
</div>
<!-- ----- -->
</div>
$(function(){
$(".meimei_search_1_left div.meimei_search_1_left_content_b").bind("mouseover",function(){
$(this).next("div.meimei_search_1_right_content").show();
$(this).className='meimei_search_1_left_content_a';
});
$(".meimei_search_1_left div.meimei_search_1_left_content_b").next("div.meimei_search_1_right_content").bind("mouseout",function(){
//$(this).next("div.meimei_search_1_right_content").hide();
$(this).hide();
})
})`
你把你第一层加个边框,看看范围。你那个黄色框框,应该是浮动的层吧。并不是说,html怎么写的,实际范围就是那样。完全可以写两个层,看html代码就是嵌套的,但是实际却是左右分割开的,得看css怎么写的。
先加个框看吧。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。