내 앱에서 고객 레코드 목록 (테이블에 tr 있음)이 있습니다.JavaScript onmousemove div 표시 및 마우스 따르기
사용자가 레코드 (tr) 위로 마우스를 가져 가면 다른 레코드를 가리키는 div를 표시하고 레코드에 대한 자세한 정보를 표시합니다.
div가 마우스로 움직이기를 원합니다. 즉, 레코드에서 다른 필드 (tr)를 볼 수 있도록 마우스를 20 픽셀 오른쪽으로 이동하면, 이제 숨겨진 div는 20 픽셀 이동해야합니다 오른쪽으로 커서를 따라갑니다.
Javascript/CSS에서 가능합니까?
예. CSS 속성 visiblility:visible/hidden으로 보이기/보이지 않는 부분을 수행하고 position을 absolute으로 설정 한 다음 top (y 좌표) 및 left (x 좌표)에 mousemove 요소에 값을 할당합니다.
매우 가능성이있는이 툴팁은 툴팁 (Tooltips)이라고 불리우며 그 중 광대 한 배열이있을 수 있습니다. 경량이며 원하는 것을 수행하는 하나의 here이있는 것 같습니다.
프레임 워크 (jQuery/prototype/mootools 등)를 사용하는 경우이 작업을 수행 할 플러그인이있을 가능성이 큽니다.
미리 포장 된 jquery 솔루션의 경우 : http://jquery.bassistance.de/tooltip/demo/.
추적중인 예를 확인하십시오.