<style> body{padding:0; margin:0} #body{width:900px; height:1900px; background:#bbb; margin:0 auto;} #skybanner{width:80px; height:290px; background:#555} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="//work6.kr/plugin/plugin_link/19"></script> <script> $(function(){ $('#skybanner').skyBanner({ body:'#body', //내용이 될 영역의 아이디 또는 클래스 local:'right', //스카이 배너 위치 (left 또는 right) margintop:100 //화면 상단으로 부터 배너 시작 위치 px }); }); </script> <div id="body"> 내용 </div> <div id="skybanner"></div>
설치방법
1. Line8 : 제이쿼리를 연결합니다.
2. Line9 : 코드를 복사 그리고 붙여넣기 합니다.
3. Line3 ~ 4 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.
4. Line26 : 배너 영역를 만듭니다.
5. Line13 ~ 17 : 스크립트를 복사 그리고 붙여 넣기 합니다. 옵션을 수정 합니다.
Install
1. Line 1 : Connect the jquery.
2. Line2 : Copy and paste the code.
3. Line 3 ~ 4 : Copy and paste the style. Modify it to fit your website.
4. Line26 : Create a banner area.
5. Line13 ~ 17 : Copy and paste the script. Modify the options.