<style> .button{text-align:center; background:#eee; height:20px; line-height:20px;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="//work6.kr/plugin/plugin_link/17"></script> <script> $(function(){ $('#topmenu').topmenu({ button:'.button', dropspeed:800, returnspeed:500 }); }); </script> <body> <div id="topmenu"> <div><!-- 메뉴 또는 배너 --></div> <div class="button"><!-- 버튼명 --></div> </div> <div> <!-- 본문 --> </div> </body>
설치방법
1. Line19 ~ 25 : 예제 html을 복사 그리고 붙여넣기 합니다.
2. Line2 : 예제 스타일을 복사 그리고 붙여넣기 합니다.
3. Line5 : 제이쿼리를 설치 및 연결 합니다.
4. Line6 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.
5. Line10 ~ 14 : 스크립트를 복사 그리고 붙여넣기 합니다.
Install
1. Line19 ~ 25 : Copy and paste the example html.
2. Line2 ~ 5 : Copy and paste the example style.
3. Line5 : Install and connect JQuery.
4. Line6 : Register the domain after using the plug-in. Copy and paste code.
5. Line10 ~ 14 : Copy and paste the script.