JS에서 움직일 수있는 양식을 만드는 방법?

Question

meebo.com에서 확인을 누릅니다. 맨 위에서 클릭하면 이동할 수있는 인스턴트 메시지가 있습니다. JS에서 Movable 양식을 만들려면 어떻게해야합니까?

Answer 1

Draggable이라는 jQuery UI 플러그인을 사용하는 것이 좋습니다.

Answer 2

먼저 '양식'을 만들어야합니다. 양식은 div (솔리드 컬러 또는 배경 이미지) 일 가능성이 큽니다. div 내에서 모든 '양식'콘텐츠가 있습니다. div도 절대적으로 위치해야합니다 (예 : style = "position : absolute")

자바 스크립트는 매우 간단합니다. 그러나 나는 개인적으로 jquery와 같은 것을 사용하여 작업을 수행 할 것이다. 나는 당신이 자바 스크립트에 얼마나 익숙한 지 잘 모르겠지만 고급 사용자의 경우조차 jquery와 같은 것을 사용하는 것이 의미가있다. 그것들을 사용하는 방법에 대한 훌륭한 지침이있는 이미 만들어진 양식 톤의 라이브러리가 있습니다. 당신이 JQuery와 같은 라이브러리를 사용하는 방법에 대한 자세한 정보가 필요하면 알려주세요 (여기에서 찾을 수 있습니다 :

http://jquery.com/

당신은 여기에 모든 플러그인을 볼 수 있습니다 http://plugins.jquery.com/ ('창 및 오버레이'를 보면 - 많이 들려주세요!)

재미있는 것 하나를 클릭하고 '데모'를 클릭하여 좋아하는지 확인하십시오 (예 : 세 번째 링크 아래 - (mb) ConteinersPlus, 전체 사용자 정의 가능 및 jQuery 구성 요소). 특색있는 컨테이너 레이아웃 (DIV 상자 모델) - 이렇게 할 수 있습니다 (거의 끝없이 작업) http://pupunzi.com/ (예입니다. 링크)

분명히 손으로 스크립트를 작성하는 방법을 알고 싶다면 알려주십시오.