当前位置: 代码迷 >> Ajax >> html成效
  详细解决方案

html成效

热度:469   发布时间:2013-04-20 19:43:01.0
html效果
鼠标悬停是显示。
必须是添加div块的。不是要隐藏显示的。我这个要做成动态的。
HTML 鼠标

------解决方案--------------------
给浮动层起个唯一的id就行了
function getAbsolutePosition(o) {//获取对象的绝对位置
   var p = { x: o.offsetLeft, y: o.offsetTop };
   while (o = o.offsetParent) {
     p.x += o.offsetLeft; p.y += o.offsetTop;
   }
   return p;
}
var dv=document.getElementById('浮动层id');
var pos=getAbsolutePosition(document.getElementById('参考对象的id'))//获取参考对象的位置以便设置浮动层的位置
if(!dv){//不存在则创建并添加到body中
//.........
}
//设置浮动层位置,这个浮动层将浮动在参考对象的左上角,设置到其他位置自己增加位移
dv.style.left=pos.x+'px';
dv.style.top=pos.y+'px';
  相关解决方案