웹솔루션개발 25년 노하우! 해피CGI의 모든것

커서가 드래그 가능한 부분 위에 있을때만 드래그가 가능합니다. 드래그 가능한 영역 위의 특정 영역에서는 드래그가 되지 않도록 할 수 있습니다. handle 옵션으로 드래그 가능한 영역을 지정하고 cancel 옵션으로 드래그 불가한 영역을 지정합니다.

드래그 및 정지 이벤트를 사용하여 드래그 가능한 레이어 기능을 활용 할 수 있습니다. 드래하여 영영을 움직이면 숫자가 증가 합니다. 위 기능을 활용하면 드래그를 시작할때, 드래그 중에, 드래그를 멈출때 각각 다른 처리를 해줄 수 있습니다.

브라우저를 사용할때 마우스로 드래그하면 기본적으로 나오는 파란색을 확인하실 수 있는데요. 이 기본 푸른색상을 CSS로 변경이 능합니다. selection 을 입력하여 원하는 색상으로 간편하게 변경하실 수 있습니다. ::selection { color:red; background:yellow; }

드래그 앤 드랍을 사용하기 쉽도록 구성되어 있네요. 압축 파일을 해제 하신 후 해당 폴더로 가시면 index.html 파일이 있습니다. index.html 파일을 열어보시면 구조는 매우 심플하며 디자이너도 쉽게 가져와서 사용할 수 있는 수준으로 되어 있습니다. index.html 파일에서 수정시 주의하셔야 할 사항은 div id 입니다. 아래의 이미지를 참고해 주세요. 사용해 보니 무겁지도 않으며 DIV 내용에 다른 제약 사항도 없어서 괜찮네요 ^^