[JS]既存のナビゲーションを簡単にレスポンシブ対応のトグル型にするスクリプト -Naver
水平型など、今使用しているナビゲーションをスマフォやタブレットで表示した際に、トグル型ナビゲーションに自動で変更するjQueryのプラグインを紹介します。 スマフォ時の表示 Naverの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <script src="jquery.min.js"></script> <link rel="stylesheet" href="jquery.fs.naver.css" type="text/css" media="all" /> <script src="jquery.fs.naver.js"></script> Step 2: HTML HTMLはナビゲーションの要素を指定できるように実装します。 ※ここでは、navで指定。 <nav> <a href="#">Home</a>
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
[JS]一味違ったアニメーションで表示するドロップダウン型ナビゲーションのスクリプト -nmcDropDown
ナビゲーションにふんわりとしたアニメーションでドロップダウンのパネルを表示するスクリプトをNew Media Campaignsから紹介します。 nmcDropDown: A Drop-Down Menu Plugin for jQuery Example ドロップダウン型ナビゲーションは、リスト要素で実装されています。 スクリプトのオプションでは、トリガーをホバーやクリックにしたり、アニメーションのタイミングを変更することができます。 対応ブラウザは、IE6/7をはじめとする主要ブラウザとのことです。 nmcDropDownはjQueryのプラグインのため、実装にはjquery.jsが必要です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker