メニューをドロップダウンに変えるレスポンシブjQueryプラグイン「Convert a Menu to a Dropdown」の紹介です。
jQueryプラグイン「Convert a Menu to a Dropdown」
レスポンシブとは、PC・スマートフォン・タブレットなどのあらゆる端末に対応する制作手法です。今回紹介するConvert a Menu to a Dropdownは、レスポンシブなメニューを制作するのを補助してくれます。便利です。
まずはデモをご覧ください。ブラウザの横幅を縮めると……。メニューがドロップダウンに早変わり！
「Convert a Menu to a Dropdown」のデモ
デモのソース（HTML + jQuery）
<title>Convert Menu to Dropdown - jQueryプラグインまとめのコピペ</title> |
<link href="style.css" type="text/css" rel="stylesheet"/> |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> |
<script type="text/javascript" src="convert-menu-to-dropdown.js"></script> |
<h1>Convert Menu to Dropdownのデモでーす。</h1> |
<li><a href="#" class="active">Home</a></li> |
<li><a href="#">Blog</a></li> |
<li><a href="#">About</a></li> |
<li><a href="#">Support</a></li> |
<li><a href="#">Contact</a></li> |
<p>ブラウザの横幅を縮めてください。980pxより小さくなると……。</p> |
詳細はこちらからどうぞ。