일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 게시판
- #happycgi
- #image
- #해피CGI
- php
- #홈페이지
- 홈페이지
- jquery
- #웹솔루션
- #이미지
- javascript
- #cgimall
- CSS
- 홈페이지제작
- #jQuery
- 쇼핑몰
- 솔루션
- #솔루션
- 웹솔루션
- 해피씨지아이
- CGIMALL
- #쇼핑몰
- 사이트제작
- #홈페이지제작
- #뉴스
- #업종별
- 해피CGI
- happycgi
- #CSS
- #동영상
- Today
- Total
목록웹프로그램밍 자료실/JAVA 자료 (765)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
https://indigounited.github.io/jquery.simplemarquee/test/demo.html 위의 데모 링크에 접근하셔서 한번 보시는게 이해가 가장 빠릅니다. 글자를 위로 아래로 왼쪽으로 오른쪽으로 스크롤 되게 할 수 있습니다. 사용법은 간단합니다. 두 js 를 선언하고 위와 같이 오른쪽으로 스크롤 하고 싶다면, 오른쪽으로 옵션을 주면 됩니다. 그 외에 옵션들은 참고하세요.
dTree는 부드러운 CSS3 전환으로 고전적인 접기/디렉토리/파일 트리 보기 구조를 만들기 위한 간단한 경량 jQuery 플러그인입니다. Cookie는 웹 페이지를 새로 고칠 때 오픈 상태를 기억할 수 있도록 지원합니다. 다운로드 받은 파일의 압축을 해제한 뒤, index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 폴더 아이콘 좌측에 있는 + 를 눌러서 펼쳤다가, 접었다가 할수 있습니다. 펼치고, 접어지고 하는 사이에 애니메이션이 있습니다. 사용방법은 아래와 같습니다. 쿠키를 이용해서, 새창을 열었을때 펼쳐놓은 폴더를 유지시켜줍니다.
MediaElement.js 는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다. MP4, MP3, WebM은 물론 Dailymotion, Facebook, SoundCloud, Twitch, Vimeo 및 Youtube와 같은 거의 모든 오디오 및 비디오 형식을 지원합니다. 데모페이지에 접속해보면, 위 그림 처럼 동영상을 재생하기 위한 샘플 소스를 확인할 수 있습니다. 사용 방법은 아래와 같습니다. mediaelement/docs/usage.md at master · mediaelement/mediaelement · GitHub 위 페이지를 통해서 사용법에 대한 다양한 매뉴얼을 확인해볼 수 있습니다.
세그먼트를 사용한 SVG 메뉴 아이콘 애니메이션 JavaScript 라이브러리 작동원리, 기본 구성 등 튜토리얼을 따라하면 다양한 효과를 줄 수 있습니다. 탄력적인 SBF 애니메이션을 구현하여 창의적인 효과를 볼 수 있습니다. s s s
jbEmoji는 웹 프로젝트에 이모티콘을 쉽게 추가할 수 있게 해주는 아주 간단한 jQuery 이모티콘 선택기 플러그인입니다. 간단한 초기화만으로 사용자는 편리한 이모티콘 상자에서 바로 다양한 이모티콘을 쉽게 검색하고 선택할 수 있습니다. 다운로드 받은 파일의 압축을 해제한 뒤 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 이모지를 클릭을 해보면, 어떤 이모지를 선택했는지를 표시해줍니다. 사용방법은 아래와 같습니다.
상단 영역의 밑에 컨텐츠가 블러처리 됩니다. 스크립트 소스입니다. css 소스입니다. 해당 사이트 또는 첨부파일을 다운로드 받으면 전체 소스를 확인할 수 있습니다.
- 라이센스 MIT - 사용 방법 1. 페이지의 헤드 섹션에 intlTelInput.css 파일을 호출합니다. 2. 전화번호 입력 필드를 추가합니다. 3. 페이지 하단에 jQuery 라이브러리와 intlTelInput.min.js 파일을 호출합니다. 4. 플러그인을 호출합니다. 5. 기본 옵션과 메소드, 이벤트 등은 플러그인 홈페이지를 참고하세요. - 작동 화면
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 jQuery.ddUrl.js 플러그인을 호출합니다. 2. 아래와 같은 메소드를 이용하여 원하는 값을 파싱할 수 있습니다. - URL의 모든 모든 요소들 - 전체 URL - 프로토콜 파싱 - 호스트(도메인)명 - 포트 - 경로 - 쿼리 파라미터 이 외에 추가적인 메소드들은 플러그인 홈페이지를 참고하세요.
GC-Calendar는 월별로 애니메이션과 매력적인 이벤트 캘린더를 만드는 데 도움이 되는 가벼운 jQuery 플러그인입니다. 완벽하게 반응하며 CSS3 애니메이션을 사용하여 월 간에 전환할 때 부드러운 슬라이드 전환을 제공합니다. 다운로드 받은 파일의 압축을 해제한 뒤, index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 화살표를 이용해서 화면에 표시되는 월 이 변경될 때, 애니메이션을 이용해서 달력 전환이 생깁니다. 사용법은 아래와 같습니다.
비가 내리는 효과를 만들 수 있습니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. [HTML 소스] [CSS 소스] html{height:100%;} body { background:#0D343A; background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(#000000) ); background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(0,0,0,1) 100%); overflow:hidden;} .drop { background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(rgba(..