一个简单的hover问题

[mute_solo]

<a href="#">this is a link</a>

<div id="show">abcd</div>
<script type='text/javascript'>

$('a').hover(function(){
//显示show层
},function(){
//问题  移出a  并且鼠标不在abcd上的时候隐藏show，但是现在是移出a链接show就消失了，怎么让鼠标移出a并且不在show上面的时候再消失？谢谢大家

})
</script>

[dbmule]

show层上也要绑定over和out事件啊

[hoojo]

<a href="#">this is a link</a>

<div id="show">abcd</div>
<script type='text/javascript'>
$('a').mouseover(function(){
    $("#show").show();
}).mouseout(function(){
    $("#show").hide();
})
</script>

[mykelly6]

弄个0 1变量去记录鼠标是否在show上面，这样子在a的hover事件里面先判断变量，再决定下一步的操作

[licip]

那你把消失的处理放到div层上面去呀。不要放到a标签的事件下面了。

[烟火人间-红尘一笑]

移除的时候先得到 show这个div的绝对坐标用jquery的offset()，在获取show这个div的宽和高
$(..).height(),$(..).width(),有了这些坐标就可以判断鼠标指针是否在这个区域，接下来就是你的事情了..

[mute_solo]

[Quote=引用 1 楼 licip 的回复:]

那你把消失的处理放到div层上面去呀。不要放到a标签的事件下面了。
[/Quote]

这两个层是分离的

[ycscholes]

<div id="bb">
<a href="#">this is a link</a>
<div id="show">abcd</div>
</div>

然后js里面把a换成#bb就行了

[ycscholes]

用mouseover跟mouseout可能比较好吧

[真哥哥]

你这样，

<div class='gg'>//或者用id
<a href="#">this is a link</a>

<div id="show">abcd</div>
<div>
<script type='text/javascript'>

$('.gg').hover(function(){
//显示show层
},function(){
 //把他们都放在一个div中，就ok了
})
</script>

[浴火_凤凰]

不会使用框架，只能帮顶。。。。

[zlcqupt]

学
习