image combobox


Description: ドロップダウンにアイコン画像を含めるプラグインです。あまり見やすいとは言えないドロップダウンなのでこうしてアイコンを含めるだけでかなり判りやすさが増します。クロスブラウザ対応なのも嬉しい。
Sample: demo
Tutorial: JavaScript custom dropdown – JavaScript image combobox
License: -

Note

// target only one id
$("#combo2").msDropDown();
// target multiple ids
$("#combo1, #combo2").msDropDown();
//by wild card
$("body select").msDropDown();
//or
$("#divid select").msDropDown();
//or
$("#formid select").msDropDown();

当然ですが同一ページ内に複数作れます。

Related snippet :

  • Description: 画像を使わず、テキストでスタイリッシュなメニューやボタンを実装します。セレクトコンテンツやドロップダウンにも対応。クロスブラウザにも対応しています。 ...
  • Description: プルダウンの項目をチェック形式にするプラグインです。Ctrlを使った複数チェックは非常に面倒で分かり難いので簡易化しよう、というもの。 S ...
  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: クロスブラウザに対応したシンプルで使い勝手の良いギャラリー系プラグインです。マークアップもシンプルで導入も手軽に行えます。 Sample: ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: アニメーションしながら縦に開閉するアコーディオン式のパネルです。弾むようなエフェクトが可愛いですね。他のパネルを開くと元々開いていたパネルは閉じられ ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...