메뉴 건너뛰기

조회 수 637 추천 수 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. No Image 31Mar
    by
    2021/03/31 Views 256 

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

  2. No Image 31Mar
    by
    2021/03/31 Views 288 

    제이쿼리에서 클래스(class) 이름 추가/삭제

  3. No Image 31Mar
    by
    2021/03/31 Views 864 

    click event scroll

  4. No Image 31Mar
    by
    2021/03/31 Views 341 

    click에 따른 마우스 휠 on off

  5. No Image 31Mar
    by
    2021/03/31 Views 352 

    다중 select

  6. No Image 31Mar
    by
    2021/03/31 Views 316 

    draggable - div 드래그

  7. No Image 31Mar
    by
    2021/03/31 Views 394 

    parent of the iframe element selector

  8. No Image 31Mar
    by
    2021/03/31 Views 274 

    prepend / append - element 추가 (부모/자식 관계)

  9. No Image 31Mar
    by
    2021/03/31 Views 216 

    before / after / insertBefore / insertAfter - element 추가 (동등 관계)

  10. No Image 31Mar
    by
    2021/03/31 Views 302 

    마우스 좌표 얻기

  11. No Image 26Mar
    by 조쉬
    2021/03/26 Views 637 

    간단한 마우스 포인터 따라 다니기

  12. No Image 26Mar
    by
    2021/03/26 Views 300 

    change 전의 값을 가져오기

  13. No Image 26Mar
    by
    2021/03/26 Views 218 

    focus() 로 오브젝트 옮기기

  14. No Image 26Mar
    by
    2021/03/26 Views 878 

    새창(자식창) 제어하기, 새창 POST방식으로 값 넘기기

  15. No Image 26Mar
    by
    2021/03/26 Views 603 

    SELECTBOX MULTIPLE 검색하기

  16. easing - 효과의 진행 속도

  17. No Image 26Mar
    by
    2021/03/26 Views 323 

    fadeIn() , fadeOut() 을 이용한 간단한 자동 그림 전환

  18. No Image 26Mar
    by
    2021/03/26 Views 881 

    정규식, 한글 못쓰게 하기, replace all

  19. No Image 26Mar
    by
    2021/03/26 Views 216 

    input checkbox 모두 체크하기

  20. No Image 26Mar
    by
    2021/03/26 Views 1180 

    attr() - style의 특정 속성만 바꾸기

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved