마우스 위치에서 div를 보여주는 예제

 

function align_mouse_position(div) {   var obj = document.getElementById(div);   obj.style.pixelLeft = window.event.clientX;   obj.style.pixelTop = window.event.clientY;   obj.style.display = "block"; } function div_close(div) {   var obj = document.getElementById(div);   obj.style.display = "none"; }

해당 div style속성은 아래와 같이 되어있어야 한다.

style="position:absolute; display:none;"

 

.hide() 메서드

diplay 스타일 프로퍼티의 값을 display:inline에서 display:none으로 바꾼다.

none으로 변경되기 전의 display 프로퍼티 값(일반적으로 block또는 inline)을 기억한다.

.show() 메서드

display:none이 적용되기 전의 display값이 무엇이었든 숨김 바로 전의 상태로 복구한다.