PLUGIN

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

touchmovemenu.js

모바일 가로 사이즈를 초과하는 메뉴에 슬라이드 기능을 추가해주는 플러그인

사용법

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

<style>
ul,li{list-style:none;padding:0;margin:0;}
li{float:left;padding:0 10px;}
.container{width:100%; overflow:hidden;}
#slide_menu{width:2000px;}
</style>


<div class="container">
    <div id="slide_menu">
        <ul>
            <li><a href="#">다이얼미싱</a></li>
            <li><a href="#">전자미싱</a></li>
            <li><a href="#">이노비스</a></li>
            <li><a href="#">퀼트미싱</a></li>
            <li><a href="#">자수미싱</a></li>
            <li><a href="#">오버록미싱</a></li>
            <li><a href="#">컴퓨터자수기</a></li>
            <li><a href="#">스캔앤컷</a></li>
            <li><a href="#">기타</a></li>
        </ul>
    </div>
</div>


<script type="text/javascript">
$(function(){
    $('#slide_menu').touchMoveMenu();
});
</script>

 

 

 

 

설치방법

 

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

 

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

 

3. Line5 ~ 8 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.

 

4. Line12 ~ 26 : html을 복사 그리고 붙여넣기 합니다. ul, li 태그는 필수 입니다.

 

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

 

 
 
 
 
 
Install
 

1. Line1: Install and connect to jquery.

 

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

 

3. Line 5 ~ 8: Copy and paste the style. Modify it to fit your website.

 

4. Line12 ~ 26: Copy and paste html. ul, li tags are required.

 

5. Line 30 ~ 21: Copy and paste the script.

 
 
 
 
 
 
※ 플러그인 문의는 CONTACT US를 이용해 주세요.