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

formRowRepeater는 동적 양식 행 관리를 위한 경량 jQuery  플러그인입니다. 사용자는 드래그 앤 드롭을 통해 양식 행을 추가/복제하고, 기존 행을 제거하고, 순서를 변경할 수 있습니다. 입력 필드, 선택 드롭다운, 확인란, 라디오 버튼 등을 포함한 다양한 입력 유형과 함께 작동합니다. 플러그인의 핵심 기능은 양식 내에서 중복 행을 관리하는 것입니다. 온라인 인보이스 시스템용 양식을 만든다고 상상해 보십시오. 송장의 각 항목에는 제품 이름, 수량 및 가격에 대한 필드가 필요할 수 있습니다. 이러한 필드의 여러 인스턴스를 하드 코딩하는 대신 formRowRepeater를 사용하면 단일 "템플릿 행"을 정의할 수 있습니다. 이 템플릿은 새 행을 동적으로 생성하기 위한 청사진 역할을 합니다. 그..

웨이브치는 뮤직 플레이어입니다. 제이쿼리를 통해 플레이와 정지를 컨트롤 하고웨이브는 transform을 통해 애니메이션을 주는 예제입니다.  HTML 구조                    Anomaly    Lecrae          CSS 소스@import 'https://fonts.googleapis.com/css?family=Reem+Kufi'; body {  background: #fff;}  @keyframes wave {  0%   { transform: rotate(0deg); }  100% { transform: rotate(360deg); }} .music-card {  margin: 100px auto;  background: #fff;  box-shadow: 0px 8px 28px..

드래그로 이미지 이동이 가능한 갤러리 예제입니다.HTML, CSS, JS를 이용하여 구현되며 이미지를 변경할 수 있습니다.HTML 구조        https://media.licdn.com/dms/image/C4D03AQHjPuY9oi3Www/profile-displayphoto-shrink_800_800/0/1579768452204?e=2147483647&v=beta&t=4ZgTgOkSEu2eKRoLWEVtgL8s2zYu80YMxI_0018U9Dk" alt="" />   @DeyJordan - https://codepen.io/DeyJordan" target="_top">https://cdn-icons-png.flaticon.com/512/2111/2111501.png" alt="CodePen" />..

안녕하세요 해피CGI 입니다. 해피 트립 솔루션 Ver1.3로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다. 해피 덴트 솔루션 Ver1.2로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다.해피 대출상담 솔루션 Ver1.8 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다.해피 인테리어 역경매 솔루션 Ver1.8 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

안녕하세요 해피CGI 입니다.해피 온라인경매 솔루션 Ver3.5 [입점형]로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.

폴라리스오피스 툴즈에서 문서 파일을 다른 확장자로 변환할 수 있습니다.변환하는 기능은 무료로 사용할 수 있습니다.PDF, HWPX, WORD, SLIDE, SHEET, IMAGE 등 다양하게 변환할 수 있습니다.

스크롤을 하면 버튼 이미지가 젤리처럼 움직이게 되는 디자인 입니다.자세한 내용은 데모사이트 주소에서 확인이 가능합니다.HTML                                                                                                                                                                                                                                               CSS  * {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: bord..