当前位置: 代码迷 >> ASP.NET >> JS求鼠标移动到图像下显示详细信息
  详细解决方案

JS求鼠标移动到图像下显示详细信息

热度:5912   发布时间:2013-02-25 00:00:00.0
JS求鼠标移动到图像上显示详细信息
和CSDN鼠标移动左边人的头像,显示人物详细信息的效果一样!!!!
  谢谢!!!!
  帮顶!!!!!!!!!!!!!11


------解决方案--------------------------------------------------------
参考
------解决方案--------------------------------------------------------
$(document).ready(function(){
$("#msg").hide();

$("a").mousemove(function(){

var temp=$(this).attr("href");//获取地址
var w=$(this).offset().left;
var h=$(this).offset().top;
// var w1=w+$(this).width;
$("#msg").css("left",w+$(this).width());

$("#msg").css("top",h);

html=$.ajax({url:temp,async:false});
$("#msg")(html.responseText);
$("#msg").show();
// alert(temp);

})

$("a").mouseout(function(){ $("#msg").hide();})


$("#msg").mousemove(function(){$(this).show(); }) //当鼠标移动到 弹出层上的时候 也显示
$("#msg").mouseout(function(){$(this).hide(); })//当鼠标离开弹出层的时候消失

})
------解决方案--------------------------------------------------------
http://chenxueyong.iteye.com/blog/503227

http://www.cnblogs.com/zjfree/archive/2010/04/27/1722041