JQuery Draggable(창 위치 이동)

2018. 10. 17. 15:00·JS/JQuery
728x90
반응형

 

 

해당 영역에 대한 창 이동 관련한 스크립트에 대해 알아봅시다.
<html>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>
    <div id="draggable">새 창</div>
</body>
</html>
<script>
$('#draggable').draggable();
</script>

 

아래 예제를 한번 해봅시다

 

 

 

저를 이동시켜보세요.

 

 

 

728x90
반응형

'JS > JQuery' 카테고리의 다른 글

[JQuery] [ajax] 05. ajax  (0) 2017.08.28
[JQuery] 03. getJson  (0) 2017.08.28
[JQuery] 02. getXml  (0) 2017.08.28
[JQuery] 01. load  (0) 2017.08.28
'JS/JQuery' 카테고리의 다른 글
  • [JQuery] [ajax] 05. ajax
  • [JQuery] 03. getJson
  • [JQuery] 02. getXml
  • [JQuery] 01. load
밍글링글링
밍글링글링
mingling - 밍글링, 밍글밍글링. 코드와 어우러지다. IT/ 프로그래밍/소스
    반응형
    250x250
  • 밍글링글링
    mingling
    밍글링글링
  • 전체
    오늘
    어제
    • 밍글링글링 (407) N
      • Flutter (2)
      • 일상생활 (8)
        • 리뷰 (1)
        • 생활정보 (4)
        • 맛집 (0)
        • 여행 (0)
        • 모든정보 (3)
      • JAVA (126)
        • 개념 (6)
        • 예제 (115)
        • Exception (2)
      • C (1)
        • C (1)
        • C++ (0)
        • C# (0)
      • JS (29)
        • JavaScript (18)
        • JQuery (5)
        • AJax (0)
        • NODE.JS (6)
        • Angular.JS 2.0 (0)
      • WEB (87)
        • HTML (6)
        • CSS (61)
        • JSP (20)
        • JSTL (0)
      • FrameWork (8)
        • Spring (8)
        • BootStrap (0)
        • MyBATIS (0)
        • JUnit (0)
      • 외부 라이브러리 (5)
      • 공유 소스 관리 (5)
        • Git (5)
        • SVN (0)
      • 빅데이터 프로그래밍 (37)
        • Python (37)
        • R Programming (0)
      • DB (7)
        • ORACLE (0)
        • MySql (6)
      • Development Tools (7)
        • StarUML (0)
        • eXERD (0)
        • Eclipse (4)
      • SKILL (6)
        • Migration (0)
        • Security (6)
      • MicroSoft (0)
        • Excel (0)
        • Word (0)
      • Android (0)
      • Server (21)
        • Ubuntu (5)
        • Linux (15)
      • IOS (0)
      • XML (0)
      • 미디어 (0)
      • 공지사항 (3)
      • NETWORK (1)
      • 게임 (4)
        • 피파 (1)
        • 리니지M (0)
        • 배틀그라운드 (1)
        • 듀랑고 (2)
      • 세상 이슈 (6)
      • 일렉트론 (0)
      • 대회 소식 (4)
      • 업무 (2)
      • Express, Vue (6)
      • docker (11)
      • svelte (3)
      • 블록체인 (1)
      • IT (10) N
      • Rust (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    jsp parameter
    css table
    티스토리 자동화
    css float
    css list
    오류
    mysql db
    nginx ssl 설정
    프런트엔드
    vue cli
    자바 for문
    러스트
    docker
    servlet class
    vue 설치
    Extension Bisect
    자바 exception
    nginx ssl 적용
    css block
    VS Code 팁
    ubuntu
    리눅스 설치
    lang rust
    Java Array
    SSL 인증서
    자바 클래스
    css tb
    ssl 인증서 발급
    에디터 팁
    AI 코딩 에이전트
    svelte
    Node
    자바 생성자
    브라우저 자동화
    gitlab 설치
    클론코딩
    proxy pass
    css transition
    nginx
    자바 배열
    jsp include
    java casting
    css perspective
    React Compiler
    spring java
    Rust lang
    rust linux
    vscode
    자바 객체 지향
    API 설계
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
밍글링글링
JQuery Draggable(창 위치 이동)
상단으로

티스토리툴바