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

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 WaltzerJS 파일을 링크합니다. 2. 슬라이드 시킬 내용들을 DIV 태그로 감싸서 추가합니다. 3. CSS 파일에 클래스를 추가하고 필요에 맞게 변경할 수 있습니다. 예) 4. WaltzerJS 플러그인을 호출합니다. 5. 옵션을 조절하거나 및 콜백 함수를 사용할 수 있습니다. 6. API 메소드 7. 이벤트 핸들러 - 작동 예제

포토샵의 드랍쉐도우 효과를 css box-shadow로 변환해주는 툴입니다 ~~^^ 좌측에서 포토샵속성값을 입력한뒤 입력한 값을 우측에서 추가 수정을 할 수 있습니다. 컨버트 후 css로 업데이트를 하면 아래에 코드를 확인하실 수 있습니다.

더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

jQuery 를 이용하여 텍스트에 애니메이션 형태의 강조 효과를 주는 플러그인 입니다. 사용방법은 매우 심플 합니다. 1. 라이브러리 호출 합니다. 2. 컨텐츠 구성 Hello, Dolly Well, hello, Dolly Hello, Dolly marker-animation class 로 강조효과를 주고 싶은 텍스트를 감싸 주세요. 3. 플러그인 실행 $('.marker-animation').markerAnimation(); npm 버젼의 경우 여러가지 옵션을 제공하지만 현재 등록된 첨부파일은 npm 버젼과는 다른 버젼임을 참고 해주세요. ( Color, thickness, duration, delay, font_weight, repeat, stripe ) npm 버젼 사용하시길 희망하시는 경우 아래의..

입력폼을 이용해서 데이터를 입력받을수 있으며 추가 데이터를 입력받기 위해서 동적으로 테이블(입력폼)을 생성하고, 드래그앤드랍으로 순서를 조절할 수 있는 간단한 jQuery 플러그인입니다. 다운로드 받은 파일의 압축을 해제한 후, index.html 파일을 웹브라우저로 열어 보면 확인이 가능합니다. 우측의 +,- 와 끌어서 이동하는 아이콘을 이용해서 제어가 가능합니다. 사용하기 위한 방법은 1. jquery 와 필요한 라이브러리를 load 합니다. 2. 정렬순서를 조절하기 위해서 jquery ui 를 load 합니다. 3. 기본적인 HTML 태그의 구조는 아래와 같습니다. 4. 동적으로 테이블을 제어하기 위한 JS 코드를 추가합니다. 5. 테이블을 제어하기 위해서 줄수 있는 옵션들은 아래와 같습니다. 6...

SSG(Show Story Gallery)는 jQuery 와 CSS3로 만들었습니다. 여러개의 이미지를 갤러리 형태로 보여주고 클릭하면 스토리 갤러리 형태로 보여주는 플로그인 입니다. 사용법 안내 입니다. 1.CSS 와 jQuery 를 호출합니다. 2. 플로그인을 호출 합니다. 3. 컨텐츠를 작성 합니다. Also image caption don't include me into SSG 컨텐츠 내용 중 BigImage1.jpg 와 같은 이미지 파일명을 원하시는 이미지 파일로 교체하시면 됩니다. 첨부된 압축 파일을 해제하시면 index.html 파일이 존재하며 index.html 파일을 브라우저로 호출하시면 보다 깔끔한 상태의 데모를 확인할 수 있습니다. ^^ 라이센스는 GNU GPL-3.0 license ..

마우스 오버시 기사 본문글이 출력됩니다. 마우스 오버시 해당 영역을 보이게 처리하고 있습니다. 해당 사이트의 전체 소스를 확인할 수 있습니다.

마우스 오버시 더 많은 상품 정보를 볼 수 있습니다. 상세보기버튼을 클릭하면 여러장의 상품 사진을 슬라이드 형태로 볼 수 있습니다.