Ver Mensaje Individual
  #2 (permalink)  
Antiguo 06/07/2011, 12:05
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Problemas con caja que sigue al ratón

Fijate si esto te da alguna idea:
Código PHP:
<!DOCTYPE html>
<
html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Documento sin título</title>
<
style>
*{
margin:0padding:0}
#tip{ position:absolute; width:300px; height:30px; border:1px solid #000; background:#C93; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:5px; top:-1500px}
</style>
<
script type="text/javascript">
var 
ns={};
function 
addEvent(obj,fun,type){ 
    if(
obj.addEventListener){ 
        
obj.addEventListener(type,fun,false); 
    }else if(
obj.attachEvent){ 
        var 
f=function(){ 
            
fun.call(obj,window.event); 
        } 
        
obj.attachEvent('on'+type,f); 
        
obj[fun.toString()+type]=f
    }else{ 
        
obj['on'+type]=fun
    } 
}  
function 
t(id){return document.getElementById(id);}
function 
showTip(e){
    var 
x=e.clientX+(self.pageXOffset || (document.body.scrollLeft+document.documentElement.scrollLeft))+10;
    var 
y=e.clientY+(self.pageYOffset || (document.body.scrollTop+document.documentElement.scrollTop))+10;
    
t('tip').style.top=y+'px';
    
t('tip').style.left=x+'px';
    var 
obj=e.srcElement || e.target;
    
t('tip').innerHTML=ns[obj.id];
}
function 
hideTip(){
    
t('tip').style.top='-1500px';
}
function 
addTip(id,txt){
     
ns[id]=txt;
     
addEvent(t(id),showTip,'mousemove');
     
addEvent(t(id),hideTip,'mouseout');
    
}
addEvent(window,function(){
        
addTip('uno','ir a google');
        
addTip('dos','ir a foros del web');
    },
'load');
</script>
</head>

<body>
<div id="tip"></div>
<a id="uno" href="http://google.com">ejemplo 1</a><br />
<a id="dos" href="http://forosdelweb.com">ejemplo 2</a>
</body>
</html>