swipemenu.js

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

swipemenu.js

모바일웹에서 swipe menu가 필요할때사용.양쪽모두 swipe 이용가능

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/23"></script>

<style>
    .side{background:#383838;}
</style>

<script>
    $(function(){
        $('#swipemenu').swipeMenu({
            type:1, 
            speed:300. 
            side_width:250 
        });
    });
</script>


<body>
    <div id="swipemenu">
        <div class='container'>
            <dl>
                <dd class='side'><!-- 왼쪽 메뉴 --></dd>
                <dd class='center'><!-- 메인페이지 --></dd>
                <dd class='side'><!-- 오른쪽 메뉴 --></dd>
            </dl>
        </div>
    </div>
</body>

 

 

 

 

설치방법

 

1. Line20 ~ 28 : 예제 html을 복사 그리고 붙여넣기 합니다.


2. Line5 : 예제 스타일을 복사 그리고 붙여넣기 합니다.


3. Line1 : 제이쿼리를 설치 및 연결 합니다.


4. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.


5. Line10 ~ 14 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 

 
 
 
 
 
Install
 

1. Line20 ~ 28 : Copy and paste the example html.


2. Line5 : Copy and paste the example style.


3. Line1 : Install and connect JQuery.


4. Line2 : Register the domain after using the plug-in. Copy and paste code.


5. Line10 ~ 14 : Copy and paste the script.