用ajax动态添加多个div(class="txdiv"),里面有不同的id号和数据,当鼠标移动到其中的某个div,并在上面停留2秒钟以后,另外一个隐藏的div(id="message")显示出来,并在其中显示鼠标经过的div中的数据。当鼠标移出div(class="txdiv"),隐藏div(id="message")。 $(".txdiv").live("mouseover",function(){
$("#m_saytext").val("发悄悄话...").css({"color":"#999","text-align":"left","font-size":"12px"});
$("#get_name").val($(this).attr("username"));
$(".d1 img").attr("src",$(this).attr("photo"));
$(".p-about").html($(this).attr("about"));
setTimeout(function(){$("#message").show();},1000);
})
$("#m_saytext").val("发悄悄话...").css({"color":"#999","text-align":"left","font-size":"12px"});
$("#get_name").val($(this).attr("username"));
$(".d1 img").attr("src",$(this).attr("photo"));
$(".p-about").html($(this).attr("about"));
setTimeout(function(){$("#message").show();},1000);
})
2、在移入移出事件里面做你所说的判断,至于你说的div跟着变的问题,主要是你对每个div都执行了相同的操作,可以通过事件里面添加条件判断是否执行操作
我只需要实现指向头像弹出用户信息层,可以在该层里面留言。鼠标停留两秒出现信息层,如果没有移动到信息层而移动到了别的地方,信息层就消失。用延迟执行语句只是延迟显示,实际上鼠标经过就读取了数据,而我需要的是少于两秒内滑过div就不做任何处理。