论坛鼠标悬停显示名片的效果

Question

你查看他的源代码不是都看到了吗？就是一个显示隐藏层，然后ajax获取数据填充层的内容

Answer 1

楼主你就在下面建一个层，就用你mouseover 和 mouseout实现，用ajax实现后台查询，我这有篇小短文，希望能帮到你 http://hi.baidu.com/gdg1116/blog/item/f55d4f55faacdc033b293556.html

Answer 2

在调用mouseout时加个判断吧，
if(event.clientX>层.offsetLeft&&event.clientX<层.offsetLeft+层宽&&event.clientY>层.offsetTop&&event.clientY<层.offsetTop+层高)
{
    不消失
}
else
{
    消失
}

Answer 3

楼上的说的都是正确的，其实就是隐藏层啊，用JQUERY或者AJAX，网上有很多鼠标悬停显示大图啊什么的，其实你只要稍微改下改成一个层就是了

Answer 4

鼠标移动事件 -> 弹出层 -> ajax加载数据

Answer 5

我只想知道当鼠标从头像上离开的时候怎么才能让动态生成的层不消失？
不写onmouseout就不会消失啊

Answer 6

csdn这个没用ajax 。
只是控制div的显示/隐藏 。

Answer 7

参考：
http://www.cnblogs.com/insus/archive/2011/07/21/2112934.html
http://www.cnblogs.com/insus/archive/2011/09/07/2169844.html

Answer 8

应该是用了ajax请求，用火狐firebug网络可以看到
只不过不会重复加载，即有缓存效果

Answer 9

确实 。一下子忘了 。误人子弟啊 。
http://forum.csdn.net/PointForum/UserCard.ashx?user=yuxh81

Answer 10

兄台，言重了！
这个ajax请求本身似乎不太容易被发现哦
之前我也以为不是ajax，呵呵...

Answer 11

var k;
//头像层事件
onmouseover = function(){
    showDetail();
    if(k) clearTimeout(k);
}
onmouseout = function(){
    k = setTimeout(hideDetail,500);
}
//详细信息层事件
onmouseover = function(){
    if(k) clearTimeout(k);
}
onmouseout = function(){
    setTimeout(hideDetail,500);
}
//显示层的方法
function showDetail(){
    ...
}
//隐藏层方法
function hideDetail(){
    ...
}大概是这样地，你看看！

Answer 12

一个js就可以了
http://www.myb2bcompany.com/sousuo.aspx?sousuo=mp3
我做的项目有你说的这个效果 你可以把里面的图片换成你所需要的程序就可以了
代码自己下载