OnMouseOver 이미지 커서 위의 텍스트 표시

Question

이 피들의 이미지 아래에 나타나는 텍스트 상자가 다음과 같이 나타납니다. http://jsfiddle.net/ANKwQ/5/ http://xurday.com 이미지 위로 마우스를 이동하면 커서와 함께 이동합니다 그것이 이미지에있는 동안.

div { 
display: none; 
border:1px solid #000; 
height:30px; 
width:290px; 
margin-left:10px; 

}

a:hover + div { 
display: block; 

} 여기 JSFiddle

Answer 1

:

var currentMousePos = { x: -1, y: -1 }; 
    $(document).mousemove(function(event) { 
    currentMousePos.x = event.pageX; 
    currentMousePos.y = event.pageY; 
    $('div').css('top', currentMousePos.y); 
    $('div').css('left', currentMousePos.x); 
}); 

CSS :

012 모두 당신이 필요

Basicly

div { 
    display: none; 
    border:1px solid #000; 
    height:30px; 
    width:290px; 
    margin-left:10px; 
    position: absolute; 
}