1. 검색 → 선택 → + 버튼 (펼치기) 클릭 2. HTML 태그 복사 클릭 3. 지도 크기 설정 4. 일반지도 or 이미지지도 선택 후 코드 붙여넣기 → 끝  " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

기본 코드#  이벤트 등록$("요소").on("이벤트1 이벤트2 ...", function() { // 코드});// 또는$("요소").이벤트(function() { // 코드});#  이벤트 강제 실행$("요소").이벤트();#  이벤트 취소$("요소").off("이벤트1 이벤트2 ...");#  태그가 가진 기본 이벤트 차단$("요소").on("이벤트", function() { return false;});// 또는$("요소").on("이벤트", function(e) { e.preventDefault();});  - 기본 이벤트     ex) a 태그 : 링크 기능     ex) submit 버튼 : 폼을 전송하는 기능  #  요소 무리 중, 이벤트가 발생한 요소의 인덱스 반환$..

# 형식$("요소") .[delay(지연시간ms)].animate({ 스타일1 : "속성값1" }, 진행시간, ["가속도"]) // 1번째 .[delay(지연시간ms)].animate({ 스타일2 : "속성값2" }, 진행시간, ["가속도"]) // 2번째 ... .[delay(지연시간ms)].animate({ 스타일n : "속성값n" }, 진행시간, ["가속도"]) // n번째 #  큐(대기열)에 적용된 애니메이션 함수 반환// queue() 메서드 이후에 있는 animate 메서드들은 실행되지 않음$("요소").queue();#  queue 메서드 취소$("요소").dequeue();#  첫 애니메이션만 실행하고 나머지 취소$("요소").clearQueue();#  애니메이..

# 형식$("요소").효과메서드(["소요시간"], ["가속도"], [콜백함수]);  - 효과 소요시간    : "slow" | "normal" | "fast" | ms단위  - 가속도    · "swing" : 시작/끝은 느리게, 중간은 빠르게    · "linear" : 일정한 속도로  - 콜백 함수    · 애니메이션이 완료된 후 호출되는 함수     · function() { 코드; }  #  숨김 효과 메서드  - 요소 숨김 (공간도 삭제) : hide()  - 요소가 점점 투명해지면서 사라짐 : fadeOut()  - 요소가 위로 접히며 숨겨짐 : slideUp() #  노출 효과 메서드  - 요소 노출 : show()  - 요소가 점점 선명해짐 : fadeIn()  - 숨겨진 요소가 아래로 펼..

# 높이 - 요소 높이 : $("요소").height(); - 요소 + 패딩 높이 : $("요소").innerHeight(); - 요소 + 패딩 + 테두리 높이 : $("요소").outerHeight(); # 너비 - 요소 너비 : $("요소").width(); - 요소 + 패딩 너비 : $("요소").innerWidth(); - 요소 + 패딩 + 테두리 너비 : $("요소").outerWidth(); # 브라우저 창의 스크롤 위치 - 수평 스크롤 이동 높이 : $("요소").scrollLeft(); - 수직 스크롤 이동 높이 : $("요소").scrollTop();