제이쿼리 플러그인 - BOOKLET
소책자, 브로슈어, 신문, 기업 홍보물 등에 종종 쓰이는 책장 넘기는 효과.
제이쿼리로 만들어져서 모바일에서도 볼 수 있다는 장점이 있다.
라이센스
MIT 라이센스로 수정, 배포가 자유로우며 실무 혹은 상업적으로 이용 가능
( *단 저작권 표시및 허가 표시를 소프트웨어의 복제물 또는 중요한 부분에 기재한다)
사용방법
HTML
<!--
헤더에 제이쿼리최신 파일 소스 추가,
jquery.easing.1.3.js 파일 추가해주고
jquery.booklet.latest.min.js 파일을 추가해준다.
-->
<div id="mybook">
<div>
<h3>Yay, Page 1!</h3>
</div>
<div>
<h3>Yay, Page 2!</h3>
</div>
<div>
<h3>Yay, Page 3!</h3>
</div>
<div>
<h3>Yay, Page 4!</h3>
</div>
</div>
<script>
$(function() {
$('#mybook').booklet({
keyboard: true
});
});
</script>
홈페이지를 방문하거나 데모를 다운 받으면 다양한 효과를 확인 할 수 있다.
너비/높이/속도/읽는방향,속도/페이지순서,패딩/그림자/자동시작/탭/화살표...등등 여러가지 옵션들을 선택 가능
활용 샘플 : 서울여자 간호대학 브로셔
다운로드
2021-07-30 홈페이지 다운로드 파일 - v.1.4.4. 파일
다운로드 받으면 index.html 파일은 제대로 안열리는거 같은데
기능은 그대로 작동하하는 듯.. ㅠ
MIT 라이센스
더보기
- MIT 라이센스란 수정, 배포가 자유로우며 실무 혹은 상업적으로 이용 가능한 라이센스
- MIT 라이센스는 소프트웨어를 누구라도 무상으로 제한없이 취급해도 좋다는 의미
- MIT 라이센스는 저작권 표시 및 이 허가 표시를 소프트웨어의 모든 복제물 또는 중요한 부분에 기재해야 합니다
- MIT 허가서는 매사추세츠 공과대학교(MIT)를 기원으로 하는 소프트웨어 라이선스 중 가장 대표적인 것으로 X11 License 또는 X License로 표기되기도 합니다
728x90
반응형
'퍼블리싱' 카테고리의 다른 글
[html/css] text-transform (소문자-대문자 자동변환) (0) | 2021.01.06 |
---|---|
제이쿼리 플러그인 owl carousel2 (슬라이드 이미지) (0) | 2020.12.31 |
반응형 웹사이트 단위 vh/vw (0) | 2020.12.27 |
[JS 활용]이미지맵속 내용 복사하기, 해시태그 내용 복사하기 스크립트 html (0) | 2020.12.15 |
[JS 활용]버튼을 누르면 보이기/감추기. 토글 함수를 사용 (0) | 2020.12.13 |
댓글