複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」:phpspot開発日誌
複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 2010年02月04日- jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」が公開されています。 デザインもいいのですが、こうした機能は標準のHTMLではないので、こうしたUIが必要な局面は助かりそうですね。 選択すると、何個selectしたかという表示や、クリックの際のイベントハンドラも設定できます。 すべて選択、すべて解除もついてて細かいところにも気が利いてますね。 毎度ですが、必要なJS/CSSを読み込んだら次のように実装は１行
[CSS]スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション
CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Two CSS menus - NO hacks, NO conditional comments, NO tables and NO javascript. demo ドロップダウンを表示するトリガーはhoverとclickの二種類があり、どちらもハック無しで実装されています。 二つとも、active時にはドロップダウンがキープされます。 ナビゲーションはリスト要素で実装されており、各親階層ごとにul要素が使用されています。 また、dl要素版も公開されています。
14 Easy to Implement Drop Down Menu Solutions - Web Design Ledger
22 Comments The Mega Drop-Down Menu with jQuery looks great due to the clean code it produces. Nice list of drop down menus, am i right in assuming that some of these are free and some you have to pay for? amazing listing. Not a big fan of drop downs but people still want them. Still some nice menus there, thanks These could be very useful for an Ecom site to quickly filter down to a product or su
ドロップダウンメニューを作るならこのスクリプト – creamu
HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ
ドロップダウンメニューをjQueryを使ってリデザインする方法 – creamu
JANKOで、ドロップダウンメニューをjQueryを使ってリデザインする方法が紹介されています。 For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. とのことで、標準のHTMLセレクトエレメントはとても退屈でかっこわるいのでリデザインしたとのこと。 ↑のようにシンプルだけどデザインされたメニューが実装されていますね。 デモは以下から。 » JankoAtWarpSpeed demos ソースコードもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Reinventing a Drop Down w
【CSS】孫メニューまでオッケーなCSSのプルダウンメニュー | バシャログ。
以前にご紹介した「CSSで実現するプルダウンメニュー」のコメントで、孫メニューまでプルダウンする方法のリクエストをいただきましたので、ご紹介します。 確認ブラウザは IE7、IE8、Firefox3、Chrome2、Opera9、Safari3 です。 CSS のみでは IE6 対応が不可能ですが、前回同様 IE の独自機能（DHTML）を併用することで IE6 でも孫メニューまでのプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 バシャログ。 バシャログ.biz マニュアル制作 Document_blog ペンペケペン ローカライズ 今日のIT英語 検索エンジン Yahoo! Japan Google 画像検索 動画検索 マップ ニュース グループ Goo excite Biglobe 週刊少年漫画 少年ジャンプ
[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
[CSS]幅指定をしないで中央配置するナビゲーションを実装するスタイルシート
各項目の幅指定をしないで、それぞれを中央に配置するドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Anywidth dropdown with centered top and sub levels demo ナビゲーションはリスト要素で、中央配置は「display:table;」と「text-align:center;」で実装されています。 IE用に条件付コメントでテーブル要素を使用しています。 ドロップダウンで表示されるパネルの右側には透明なエリアがあり、パネルのオープンをキープするマウスのエリアをより広く確保しています。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(PC), Chromeとのことです。 また、同じくドロップライン型のものも公開されています。
[CSS]カスタマイズも可能なドロップダウン型のナビゲーションのテンプレート CSS Drive- CSS Candy Menu CSS Candy Menu
Author: Josh Jones Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started: To get the menu, download "candymenu.zip". It is a zipped folder (.zip) that includes the following: PSD Source File Working demos of each menu CSS StyleSheet All images needed If you want to change the color of the menu in the PSD file, use the "Adjustment Layers" included with
MenuMatic - greengecko design
MenuMatic 0.67 MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll's keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb. Syntax: html: <link rel="stylesheet" href="css/MenuMatic.css"
Stu Nicholls | CSS PLAY | A Professional drop-list menu #13 - png transparency
Information Another menu that uses png alpha opacity to give a translucent effect to the image below the single level dropdown. In this one, the dropdown sub menu is positioned in the center of the the background png image and can have long lines of text in the sub links. The whole of the png image acts as an overrun area and the menu will not collapse until the mouse is moved off this area. In th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドロップダウンメニュー
[CSS]ドロップリストとフライアウトを効果的に組み合わせたナビゲーション
オンラインでドロップダウン型のナビゲーションを簡単作成 -Pure CSS Menu
[CSS]パネルの情報を整理したドロップダウンを実装するスタイルシート
[CSS]ドロップラインとドロップダウンを併用したナビゲーション
[CSS]複数のカラムのパネルを表示するドロップダウン型ナビーションのスタイルシート
http://www.designwalker.com/2009/02/jquery-dropdown.html
[CSS]ドロップダウン型ナビゲーションを作成するフレームワーク | コリス
[CSS]フォーム要素に半透明のナビゲーションを重ねるスタイルシート