摘要：
通常，当使用jq时，这两个获取对象没有父子关系，但当在jquery中直接使用悬停事件时，当鼠标移出绑定元素时，将执行消失操作，因此：vartimer=0；$悬停；$。鼠标悬停；通过这种方式，可以通过在执行睡眠时给予一点反应时间来实现效果。上面的代码在互联网上搜索，另一个代码通过CSS的悬停效果实现。这样做的前提条件是，鼠标移入的显式或隐式div的父级必须如下：1＜divclass＝“fate”＞2＜divclass=“son”＞Show/hide＜/div＞3＜/div˃在这种情况下，用CSS编写的显式和隐式div父级是.pather:hover。儿子{display:none/block；}
通常要用到jq的时候这两个抓取对象没有父子级关系,但直接用jquery中的hover事件时,当鼠标移出绑定元素就会执行消失动作,因此:
var timer=0; $('#sad').hover(function(){ $('#reply').show(); },function(){ timer=setTimeout(function(){ $('#reply').hide(); },300); }); $('#reply').mouseover(function(){ clearTimeout(timer); });
这样,执行睡眠给出一点反应时间就能达到效果了
以上代码是网上搜的
还有一种是用css的hover效果实现的,这个的前提是鼠标移入的div得是显隐div的父级如下:
1 <div class="father"> 2 <div class="son">显示/隐藏</div> 3 </div>
这样css中写的是
.father :hover .son{
display:none/block;
}