skyBnner.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

skyBnner.js

스카이배너 구현을 좀 더 쉽게 가능하게 해주는 플러그인

사용법

<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.