[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7

[visca__Barca]

ドロップダウン

[hr07jp]

“[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション”

[noir_neo]

これじゃね

[warriorking]

(JS)余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション | コリス

[tmatsuu]

いいね。今後使うかもしれないのでメモ

[mikarin-u]

＊

[T_Tachibana]

TwentyElevenで使えるかな？

[nao14115]

余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

[seteoceano]

余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

[Donca]

✔ [JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション