본문 바로가기

html7

JQuery Draggable UI 기본 예제 JQuery에서 제공해주는 Draggable UI 기본 사용법 예제 입니다 CMS에서 마우스 드래그를 통해 홈페이지를 쉽게 제작할 수 있도록하기위해 JQuery Draggable UI를 사용하였습니다 아래 소스는 제가 개발 전 테스트 전에 만들어봤던 소스이고 처음 사용하시는 분들한테 조금이나마 도움이 되고자 포스팅했습니다 아래 주소에 접속하시면 Draggable UI 기본 사용법을 알 수 있고 https://jqueryui.com/draggable/ 응용을 위해서는 아래의 예제소스를 참조해주세요 Draggable Div1Draggable Div2Draggable Div3Draggable Div4 HEADERBODYFOOTER 2016. 8. 17.
html, javascript, jquery 마우스 우클릭 방지(퍼가기방지) - oncontextmenu='return false' - 우클릭방지- onselectstart='return false' - 블럭선택방지 - ondragstart='return false' - 드래그방지 또는 $("body").contextmenu( function() {return false;}); 와 같은 방법으로 처리가능 2015. 12. 7.
html select에 디자인 입히기 (jquery 이용) 기본 select-option 태그에는 꾸밀 수 있는한계가 존재해요근데 jquery와 ul-li div를 이용해서 아래처럼 만든다면 디자인을 마음대로 해줄 수 있어요 FAMILY SITEGOOGLENAVER 2014. 10. 15.
html 스크롤 html {overflow-x: hidden;overflow-y: scroll;-ms-overflow-style: scrollbar;}이 형식으로 원하는데로 해주면 되요 2014. 10. 15.
html 웹 구글 맵 서비스 아래 소스를 복사해주면 되요 지도에 표시할 위치좌표 구하는 방법은구글 지도에 들어가서검색하면 주소창에https://www.google.co.kr/maps/searc서울시청/@37.5148743,127.5864929,10z/data=!3m1!4b1위 처럼 나오는데 골뱅이 뒤에 값이 위치좌표가 되요 2014. 10. 10.
html 태그 종류 // 버튼을 // 체크박스 // 파일 입력 양식 // input 태그를 보이지 않게 // 이미지 형태 // 비밀번호 입력 양식 // 라디오 버튼 // 초기화 버튼 // 양식 제출 버튼 // 글자 입력양식 // 색상 // 날짜 // 날짜시간 // 지역날짜 // emaiil // 월 // 숫자 // 범위 // 검색 // 전화 // 시간 // URL 주소 // 주 선택 2014. 10. 2.