！ このページでは、実際に下のセクションでプラグインを実行しています。動きを確かめるだけでなく、ソースを見たり、インスペクタを利用して色々と手を加えてみたりして、プラグインの詳細な挙動を確認してみましょう。
ASCII Web PROFESSIONAL demo page
！ このページでは、実際に下のセクションでプラグインを実行しています。動きを確かめるだけでなく、ソースを見たり、インスペクタを利用して色々と手を加えてみたりして、プラグインの詳細な挙動を確認してみましょう。
スマートフォンに対応したレスポンシブメニューを実装するときに役立つリソース
Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件
[CSS]ハック無しで、不透明なパネルをドロップダウンするナビゲーション
IEをはじめとするクロスブラウザ対応の不透明なスタイルを適用したドロップダウン型のナビゲーションをCSSplayから紹介します。 IE6でのキャプチャ ナビゲーションはJavaScriptやtableは使用しておらず、スタイルシートもハックや条件付きコメントは使用していません。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(Win), Chromeとのことです。 また、同様に垂直型のナビゲーションも公開されています。
HTMLとJavascriptによるドロップダウンメニューの作り方│Web制作の現場から 〜入院、退院、そしてつまはじき〜
まず、HTMLはulの入れ子でつくります。 サンプルでは4階層目まで作成しました。 <ul id="menu"> <li> <a href="#">メニューですよ</a> <ul> <li><a href="#">メニュー2階層目ですよ</a></li> <li><a href="#">メニュー2階層目ですよ</a></li> <li><a href="#">メニュー2階層目ですよ</a> <ul> <li><a href="#">メニュー3階層目</a> <ul> <li><a href="#">メニュー4階層目</a></li> <li><a href="#">メニュー4階層目</a></li> </ul> </li> <li><a href="#">メニュー3階層目</a></li> <li><a href="#">メニュー3階層目</a></li> <li><a href="#">
[CSS]サムネイル画像を表示するドロップダウン型ナビゲーション
タブ形式のドロップダウンの子要素にサムネイル画像を表示するナビゲーションのスタイルシートをCSSplayから紹介します。
[JS]配置済みのリンクにドロップダウンを簡単に追加できるスクリプト
ページ内に配置したリンクに、リストで作成したドロップダウン型のナビゲーションを簡単に追加できるスクリプトをDynamic Driveから紹介します。 ナビゲーションに追加したデモ 配置できるナビゲーションは、オプションで不透明度、ディレイ時間、表示位置を調整することができます。 スクリプトの設置方法は、「anylinkcssmenu.js」「anylinkcssmenu.css」を外部ファイルで指定し、リンク要素のclassに「anchorclass」を記述します。 配置するナビゲーションは、divで括りclassに「anylinkcss」を記述し、任意のid（例：submenu1）を記述します。そのidと同じものをリンク要素のrelに記述します。 <textarea name="code" class="html" cols="60" rows="5"> <p><a href="http
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ドロップリストとフライアウトを効果的に組み合わせたナビゲーション
[CSS]ドロップラインとドロップダウンを併用したナビゲーション
[CSS]クロスブラウザ対応、ドロップダウン型ナビゲーションのフリーのテンプレート集 -LWIS.NET
http://www.designwalker.com/2009/02/jquery-dropdown.html