JavaScript/jQuery (2) 썸네일형 리스트형 드로그 앤 드롭 1. 사용용도 사용자가 웹을 유동적으로 이용하기 위하여 사용 2. 코딩 방법 12 $("#drag").draggable();$("#drop").droppable(); Colored by Color Scriptercs.draggable() : 드래그 제이쿼리 API.droppable() : 드롭 제이쿼리 API 3. 실습 1. Element(html 정보)를 넣어준다. 12cs 2. css 정보를 넣어준다.123456789101112131415 #drag { width: 100px; height: 100px; background: #101010; cursor: pointer; } #drop { width: 100px; height: 100px; background: #505050; }Colored by C.. 해상도 별 너비, 높이 지정 method 1. 사용용도 사용자마다 다른 해상도를 맞추기 위해 사용 2. 코딩방법 1234567$(document).ready(function () { var ht = $(window).height(); var wt = $(window).width();});Colored by Color Scriptercsvar ht : "ht" 변수 지정$(window) : 사용자 창을 가리키는 객체("window" 객체는 객체의 계층 구조에서 최상위, 전역객체).height(); : 지정된 객체의 높이 값을 구함 var wt : "wt" 변수 지정$(window) : 사용자 창을 가리키는 객체("window" 객체는 객체의 계층 구조에서 최상위, 전역객체).width(); : 지정된 객체의 너비 값을 구함 3. 실습 1. Ele.. 이전 1 다음