목록웹프로그램밍 자료실/JAVA 자료 (801)

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

[해피CGI][cgimall] Crop Multiple Parts Of An Image - jQuery areaSelect.js

데모는 다운로드 받은 파일의 압축을 해제한뒤,demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.이미지 위에서 마우스를 드래그하면,빨간색 네모박스가 생기고, 선택한 크기만큼 이미지를 자를수 있습니다.선택한 크기를 늘리거나, 줄이거나 할수도 있네요.사용방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2024. 7. 12. 10:10
[해피CGI][cgimall] 핫키를 만들어 주는 HotKeys.js

js 를 받아 위의 샘플 코드처럼 사용하시면 됩니다.만약 커뮤니티 사이트에Ctrl + F 누르면 자유게시판Ctrl + J 누르면 중고장터이렇게 단축키로 이동가능하게 만들 수도 있을 것입니다.그외에 여러 활용방법도 무궁해보이니 관심 있으신 분들은 추천 드립니다.
웹프로그램밍 자료실/JAVA 자료 2024. 7. 9. 09:21
[해피CGI][cgimall] Retro 7-segment Countdown & Countup Timer - jQuery TickWatch

TickWatch는 복고풍 7세그먼트 시계와 비슷한 사용자 정의 카운트다운이나 카운트업 타이머를 만드는 작은 jQuery  플러그인 입니다.  이 플러그인은 타이머를 만들고 관리하기 위한 여러 옵션, 방법 및 이벤트를 제공합니다.타이머를 설정하여 위아래로 세고, 시작 및 종료 시간을 지정하고,시계 세그먼트의 모양을 사용자 지정할 수 있습니다. 이러한 유연성과 사용자 정의 가능성으로 인해TickWatch는 이벤트 카운트다운, 게임 타이머 또는 애플리케이션의 경과 시간 추적을 포함한 다양한 웹 프로젝트에 적합합니다. 시작 버튼을 누르면 정해놓은 시간에서 1초씩 줄어드는 카운트 다운이 되게 됩니다.사용방법은 아래와 같습니다.다운로드 받은 파일의 압축을 해제한뒤,index.html 파일을 웹브라우저로 열어보면 ..
웹프로그램밍 자료실/JAVA 자료 2024. 7. 5. 09:07
[해피CGI][cgimall] TOAST UI - Rolling

쉽고 가볍게 사용이 가능한 TOAST UI - Rolling 입니다.https://ui.toast.com/tui-rolling https://github.com/nhn/tui.rolling 페이지에서 최신 소스를 다운로드 할 수 있습니다.API 사용법은 https://nhn.github.io/tui.rolling/latest/ 페이지에서 확인 해주시면 됩니다.
웹프로그램밍 자료실/JAVA 자료 2024. 6. 21. 09:16
[해피CGI][cgimall] Dynamic Animated Timeline Slider With jQuery - Roadmap

로드맵 은 미묘한 fadeIn 애니메이션을 사용하여 반응형, 스크롤 가능, 수평/수직 슬라이더로 이벤트를 동적으로 표시하는 jQuery가 포함된 타임라인 슬라이더 플러그인입니다. 타임라인 슬라이더는 현재 화면 크기 에 따라 방향을 자동으로 변경합니다 .데스크톱 및 모바일과 호환됩니다.다운로드 받은 파일의 압축을 해제한 뒤examples/index.html 파일을 웹브라우저로 열어보면 데모를 확인해볼 수 있습니다.창크기를 줄여보면, 아래 그림 처럼 수직으로 타임라인을 표시하도록 변경이 됩니다.사용 방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2024. 6. 18. 09:09
[해피CGI][cgimall] 카운터 애니메이션 countUp.js

카운터가 올라가는 애니메이션을 만들어주는 js 입니다.가입자 수, 판매 수 등을 노출할때 아주 좋은 JS 입니다.targetID 에 노출할 곳의 아이디를 넣고 5234 는 최종 올라갈 수 입니다.이렇게만 하셔도 되며,다양한 옵션이 있으니 옵션도 사용해 보시기 바랍니다.위 옵션을 번역한 내용입니다. 참고하세요~
웹프로그램밍 자료실/JAVA 자료 2024. 6. 17. 09:08
[해피CGI][cgimall] Touch-enabled Swiper With Inertial Motion - vmSwipe

vmSwipe는 구성 가능한 모멘텀 스크롤 효과로블록 요소 그룹을 스크롤하는 데 사용되는 최소 jQuery 스와이퍼 플러그인입니다.  플러그인은 양방향(수평 및 수직)을 지원하며 모바일(터치 스와이프)과 데스크톱(마우스 드래그) 모두에서 작동합니다.jQuery UI 드래그 가능한 위젯이 필요하지 않습니다.다운로드 받은 파일의 압축을 해제한 뒤demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.화면에 표시되는 그림을좌우만, 상하만, 좌우상하 모두 스크롤 하는 효과를 줄수 있습니다.사용법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2024. 6. 14. 09:08
[해피CGI][cgimall] jQuery 및 pdf.js를 사용하는 간편한 웹 PDF 뷰어 - pdfjs-viewer

라이센스MIT- 사용 방법1. jQuery 라이브러리와 pdf.js 파일을 불러옵니다.2. 아이콘 재료를 불러옵니다. (선택사항)3. pdfjs-viewer 플러그인 파일을 불러옵니다.4. pdf.js 라이브러를 초기화합니다.5. 지정한 HTML 요소에 PDF 뷰어를 포함시킵니다.6. PDF 뷰어의 도구 모음을 추가하거나 수정할 수 있습니다. (사이트 참고)- 작동 화면
웹프로그램밍 자료실/JAVA 자료 2024. 5. 31. 09:17
[해피CGI][cgimall] 워터마크 jQuery 플러그인 - Watermarker.js

- 라이센스MIT- 사용 방법1. jQuery 라이브러리와 Watermarker.js 파일을 불러옵니다.2. 이미지 업로드를 위한 HTML FILE 폼을 추가합니다.3. 워터마크 로고 이미지 경로를 지정하고 플러그인을 호출합니다.4. 워터마크의 위치나 간격 등을 조절할 수 있습니다.- 예시 화면
웹프로그램밍 자료실/JAVA 자료 2024. 5. 31. 09:14
[해피CGI][cgimall] TOAST UI - Grid

데이터 편집, 필터링, 정렬등과 같은 강력한 기능을 제공하는 TOAST UI - GRID 입니다.https://ui.toast.com/tui-grid https://github.com/nhn/tui.grid 페이지에서 최신 소스 다운로드가 가능하고,사용법은 아래 페이지들을 참고 하시면 됩니다.https://ui.toast.com/tui-grid https://nhn.github.io/tui.grid/latest/ 샘플은 29여종이 제공되고 있습니다.https://nhn.github.io/tui.grid/latest/tutorial-example01-basic
웹프로그램밍 자료실/JAVA 자료 2024. 5. 30. 09:26
Prev 1 2 3 4 5 6 ··· 81 Next