메뉴 건너뛰기

조회 수 755 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

소스부터 보자.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
  $(document).mousemove(function(e) {
      mouseX = e.pageX;
      mouseY = e.pageY;
      $('#aa').css("left", mouseX+15).css("top", mouseY+15).html("x:"+mouseX+" y:"+mouseY);
 });
});
</script>
<div id="aa" style="position:fixed;border:1px solid black;"></div>
x:1692 y:552

mousemove이벤트시에 해당 마우스의 좌표값을 특정 오브젝나 태그의 위치값으로 바꾸어주면 되는것이다.

더이상의 자세한 설명은 생략한다. ㅡ/.ㅡ


  1. 행에 징검다리 스타일 입히기 (:odd, :even)

    Date2021.03.31 Views341
    Read More
  2. 제이쿼리에서 클래스(class) 이름 추가/삭제

    Date2021.03.31 Views390
    Read More
  3. click event scroll

    Date2021.03.31 Views973
    Read More
  4. click에 따른 마우스 휠 on off

    Date2021.03.31 Views459
    Read More
  5. 다중 select

    Date2021.03.31 Views482
    Read More
  6. draggable - div 드래그

    Date2021.03.31 Views427
    Read More
  7. parent of the iframe element selector

    Date2021.03.31 Views496
    Read More
  8. prepend / append - element 추가 (부모/자식 관계)

    Date2021.03.31 Views389
    Read More
  9. before / after / insertBefore / insertAfter - element 추가 (동등 관계)

    Date2021.03.31 Views309
    Read More
  10. 마우스 좌표 얻기

    Date2021.03.31 Views426
    Read More
  11. 간단한 마우스 포인터 따라 다니기

    Date2021.03.26 Views755
    Read More
  12. change 전의 값을 가져오기

    Date2021.03.26 Views414
    Read More
  13. focus() 로 오브젝트 옮기기

    Date2021.03.26 Views327
    Read More
  14. 새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

    Date2021.03.26 Views3940
    Read More
  15. SELECTBOX MULTIPLE 검색하기

    Date2021.03.26 Views738
    Read More
  16. easing - 효과의 진행 속도

    Date2021.03.26 Views314
    Read More
  17. fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

    Date2021.03.26 Views454
    Read More
  18. 정규식, 한글 못쓰게 하기, replace all

    Date2021.03.26 Views998
    Read More
  19. input checkbox 모두 체크하기

    Date2021.03.26 Views330
    Read More
  20. attr() - style의 특정 속성만 바꾸기

    Date2021.03.26 Views1318
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved