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

마우스 오버시 이미지가 수평으로 회전하면서 다른 이미지를 보여줍니다. 3d 효과로 회전을 하면서 자연스럽게 다른 이미지가 보여집니다. 텍스트를 입력할 수 있습니다. 해당 사이트에서 html,css 소스를 확인 및 다운로드 할 수 있습니다.

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jQuery 라이브러리와 newAlert JS, CSS 파일 링크를 걸어줍니다. 2. 필요하면 최신 글꼴과 아이콘 CSS도 링크해줍니다. 3. 상단에 표시될 경고창 영역을 코딩해줍니다. 4. newAlert 스크립트를 실행합니다. icon: 아이콘 이름 (check, exclamation, triangle, exclamation-c, bell, bell-slash, block, comment, commments, times) type: 경고창 타입 (warning, danger, success, grey, dark) text: 경고 메세지 time: 메세지 출력 시간 dismiss: 닫기버튼(true,false) ​ ​ ​ ​ ​ ​ ​ - 작동 예제

- 소개 pickadate는 가벼운 jQuery 날짜 입력 선택기입니다. - 라이센스 MIT - 사용 방법 1. 사용할 웹페이지에 CSS 링크를 걸어줍니다. 2. 사용할 웹페이지에 JS 링크를 걸어줍니다. 3. 날짜를 입력할 INPUT 태그를 넣어줍니다. 4. pickadate 플러그인을 호출합니다. 5. 상세한 옵션은 아래 문서 페이지를 참고하세요. 문서 페이지 바로가기 각종 달력 테마 미리보기 - 작동 예제

3가지 스크롤 영역을 스크롤만 이용하여 동시에 열람할 수 있습니다. 동시에 스크롤 하고자 하는 div 영역에 아래와 같이 class 와 name 을 동일하게 적용하여 이용가능합니다. 2가지 비교되는 이미지 영역으로 "드래그" 를 이용한 스크롤이 가능합니다. 이용방법은 위 스크롤 소스와 동일하나 class 명칭이 다릅니다. 두가지 스크롤 창이 동시에 스크롤 되나 스크롤 크기 및 스크롤 타임이 다르게 설정하여 비교합니다. 연혁이나 시간차를 두고 비교해야할 대상에게 유용합니다. 위와같이 name 값 영역의 타임라인 및 class 명칭을 다르게 주어 제어할 수 있습니다.

"메뉴1" 에 해당하는 스크롤 영역의 위치를 보시면 최상단에 배치되어있습니다. 스크롤을 계속해서 내리게되면 아래와 같이 "메뉴2" 에 해당하는 스크롤에 위치하면 메뉴2 부분이 활성화 됩니다. 해당 소스는 메뉴의 갯수 제한없이 본문영역내에 id 값을 추가로 늘리고, 메뉴의 싱크만 맞춰주시면 무한대로 늘릴 수 있습니다. 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴1 본문영역 메뉴2 본문영역 메뉴3 본문영역 메뉴4 본문영역 메뉴3 본문영역 메뉴4 본문영역

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

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

안녕하세요 해피CGI 입니다. 해피 종합구인구직 헤드헌팅 솔루션 타입C Ver5.6 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. - 결제페이지에서 재결재가 가능하도록 수정 - 게시판 글등록수정시 회원은 비밀번호를 입력하지 않음 수정되었습니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 솔루션 타입C Ver5.6 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. - 결제페이지에서 재결재가 가능하도록 수정 - 게시판 글등록수정시 회원은 비밀번호를 입력하지 않음 수정되었습니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

다운로드 받은 파일의 압축을 풀고 doc/index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다. 위 그림과 같이 화면에 달력이 표시되고, 동그라미가 쳐진 날짜를 클릭해보면 위 그림과 같이 그날의 이벤트를 간단하게 표시해주는 스크립트 입니다. index.html 파일의 소스코드를 열어서 보면 이벤트가 표시되어야 할 날짜와, 그 날의 이벤트를 텍스트로 설정해둔게 확인이 됩니다. 화면에 달력을 표시하고, 이벤트를 보여주는게 필요할 때 비교적 간단하게 사용하는게 가능할거 같네요. 출처는 https://www.jqueryscript.net/time-clock/animated-event-calendar.html 입니다.