<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="//work6.kr/plugin/plugin_link/8"></script> <style> #book{width:800px; height:540px; border:1px solid #eee; margin:50px;} #book .page{text-align:center;} </style> <script> $(function(){ $('#book').book({ speed:15, bookgb: '#666' }); }); </script> <body> <div id="book"> <div class='page'><img src=""></div> <div class='page'><img src=""></div> <div class='page'><img src=""></div> <div class='page'><img src=""></div> <div class='page'><img src=""></div> <div class='page'><img src=""></div> </div> </body>
설치방법
1. Line1 : 제이쿼리를 설치 및 연결 합니다.
2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.
3. Line21 ~ 28 : html을 복사 그리고 붙여넣기 합니다. 기본 양식입니다.
4. Line5 ~ 6 : 스타일을 복사 그리고 붙여넣기 합니다. 웹사이트에 맞게 수정합니다.
5. Line12 ~ 15 : 스크립트를 복사 그리고 붙여넣기 합니다.
6. Line13 : 페이지 넘기는 속도를 조절합니다. (추천 값 = 15)
7. Line14 : 페이지의 맨 앞장과 맨 뒷장의 배경을 지정 합니다.
1. Line1: Install and connect to Jquery.
2. Line2: Register the domain after using the plug-in. Copy and paste code.
3. Line21 ~ 28: Copy and paste html. The default form.
4. Line 5 ~ 6: Copy and paste the style. Modify it to fit your website.
5. Line12 ~ 15: Copy and paste the script.
6. Line13: Adjusts the page turning speed. (Recommended value = 15)
7. Line 14: Specifies the background of the beginning and end of the page.