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

pause 버튼 클릭시 동영상 멈춤 paused 버튼 클릭시 동영상 재생 동영상 멈춤/재생이 페이드 아웃 효과 첨부파일 다운로드 또는 해당 사이트 자세한 소스 확인이 가능합니다.

햄버거 메뉴 클릭시 아이콘이 병경됩니다. 햄버거 메뉴 클릭시 전체메뉴 영역이 에니메이션 효과와 함께 오픈됩니다. 자세한 소스확인은 첨부파일 다운로드 또는 해당 사이트에서 확인이 가능합니다.

세로 스크롤 형태의 테이블입니다. 상단의 타이틀이 고정된채로 내용을 보여주는 형식입니다. 데모 사이트로 이동하신 후 하단의 export버튼을 눌러 자료를 다운 받으실 수 있습니다.^^

안녕하세요 해피CGI 입니다. [출시] 해피 종합구인구직 솔루션 타입 B 모바일 Ver1.7 (장착옵션)이 출시되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. [출시] 해피 종합구인구직 헤드헌팅 솔루션 타입 B 모바일 Ver1.7 (장착옵션)이 출시되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

JavaScript 를 이용하여 단일 날짜 선택, 다중 날짜 선택을 지원하는 Datepicker 입니다. 특이사항은 여러가지 샘플을 제공해서 1개를 커스터마이징 하여 사용하기 보다는 자신에게 맞는 Picker 를 사용할 수 있습니다. 물론 자신에게 맞는 Picker 가 없다면 커스터마이징을 해야겠지요. 라이센스는 MIT 라이센스 입니다. 기본코드는 아래와 같은 형식으로 구성되어 있습니다. demo.js 를 제공하여 index.html 파일은 여러가지 Picker 를 한번에 볼 수 있습니다. Picker 샘플은 아래와 같이 있고 다 소개해 드리기 보다는 대표적인 것들만 소개해 드립니다. 기본 Picker 다중선택 6개월 기간 제한 Picker 단일 켈린더에 범위 선택 Picker 2개의 켈린더에 범위 선택..

Dynamic Calendar 는 추가 라이브러리를 필요로 하지 않습니다. data-lang 라고 하여 나라별 언어를 설정할 수 있습니다. 사용방법은 https://www.codehim.com/date-time/dynamic-calendar-in-javascript-with-example/ 에서 확인 가능합니다. 소스파일 보시면 data-lang 설정이 있으며 en, id, fr 3가지 설정가능 하며 한국어가 없어서 ko 항목을 추가 적용하여 소스를 제공했습니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 솔루션 타입 B Ver5.8이 출시되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 플러그인 js 파일, 플러그인 css 파일을 링크합니다. 2. 컨텐츠를 생성하고 플러그인을 호출합니다. 3. 어떤 작업을 시작한 후 로딩 표시를 출력합니다. 4. HTTP/AJAX 요청이 완료된 후 로딩 표시를 숨깁니다. 5. 로딩 표시와 숨김 애니메이션의 속도를 조절할 수 있습니다. 6. 플러그인을 비활성화 시킬 수 있습니다. - 작동 예제

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 content-zoom-slider.min.js 파일을 링크합니다. 2. 플러그인에서 사용되는 Font Awesome Iconic Font 사용을 위해 css를 링크합니다. 3. 확대/축소 툴바를 만듭니다. 4. 텍스트 영역을 추가하고 플러그인을 호출합니다. 5. 확대/축소 범위를 설정할 수 있습니다. 6. 초기 출력 비율을 설정할 수 있습니다. 7. 확대/축소 단계를 설정할 수 있습니다. - 작동 예제