メニューをドロップダウンに変えるレスポンシブ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 > |
詳細はこちらからどうぞ。