一个简单的hover问题

mute_solo 2010-09-30 09:26:00

<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>
...全文
77 点赞 收藏 11
写回复
11 条回复
zlcqupt 2010年10月01日

回复 点赞
浴火_凤凰 2010年09月30日
不会使用框架,只能帮顶。。。。
回复 点赞
真哥哥 2010年09月30日
你这样,

<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>


回复 点赞
ycscholes 2010年09月30日
用mouseover跟mouseout可能比较好吧
回复 点赞
ycscholes 2010年09月30日

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



然后js里面把a换成#bb就行了
回复 点赞
mute_solo 2010年09月30日
[Quote=引用 1 楼 licip 的回复:]

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

这两个层是分离的
回复 点赞
烟火人间-红尘一笑 2010年09月30日
移除的时候先得到 show这个div的绝对坐标用jquery的offset(),在获取show这个div的宽和高
$(..).height(),$(..).width(),有了这些坐标就可以判断鼠标指针是否在这个区域,接下来就是你的事情了..
回复 点赞
licip 2010年09月30日
那你把消失的处理放到div层上面去呀。不要放到a标签的事件下面了。
回复 点赞
mykelly6 2010年09月30日
弄个0 1变量去记录鼠标是否在show上面,这样子在a的hover事件里面先判断变量,再决定下一步的操作
回复 点赞
hoojo 2010年09月30日
<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>
回复 点赞
dbmule 2010年09月30日
show层上也要绑定over和out事件啊
回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告