[jQuery] jquery로 드롭다운 메뉴 구현하기
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
http://jqueryui.com/menu/
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>jQuery UI Menu - Default functionality</title><link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><script src="//code.jquery.com/jquery-1.9.1.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css"><script>$(function() {$( "#menu" ).menu();});</script><style>.ui-menu { width: 150px; }</style></head><body><ul id="menu"><li class="ui-state-disabled"><a href="#">Aberdeen</a></li><li><a href="#">Ada</a></li><li><a href="#">Adamsville</a></li><li><a href="#">Addyston</a></li><li><a href="#">Delphi</a><ul><li class="ui-state-disabled"><a href="#">Ada</a></li><li><a href="#">Saarland</a></li><li><a href="#">Salzburg</a></li></ul></li><li><a href="#">Saarland</a></li><li><a href="#">Salzburg</a><ul><li><a href="#">Delphi</a><ul><li><a href="#">Ada</a></li><li><a href="#">Saarland</a></li><li><a href="#">Salzburg</a></li></ul></li><li><a href="#">Delphi</a><ul><li><a href="#">Ada</a></li><li><a href="#">Saarland</a></li><li><a href="#">Salzburg</a></li></ul></li><li><a href="#">Perch</a></li></ul></li><li class="ui-state-disabled"><a href="#">Amesville</a></li></ul></body></html>
'Web > javascript / jQuery' 카테고리의 다른 글
| [jquery] Date 값 설정시 today 아닌 날짜로 (0) | 2015.04.28 |
|---|---|
| [jQuery] Date Picker 에서 default date (0) | 2015.04.28 |
| [jQuery] jQuery에서 substring 사용법 (0) | 2015.04.28 |
| [jQuery] 날짜 포맷팅 date formatting (0) | 2015.04.28 |
| [jQuery] .click 으로 파라미터 넘기기 (0) | 2015.04.28 |