FancySelect

JavaScript

セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

セレクトメニューをシンプルでスタイリッシュに実装することができるjQueryプラグイン「FancySelect」がとてもよさそうですね。表示される際のアニメーションもさりげない感じでとてもお洒落です。使い方も特に難しい設定とかはなさそうですね。

[ads_center]

使い方

以下のようにHTMLをマークアップしたら。

<select class="basic">
    <option value="">メニュー1</option>
    <option>メニュー2</option>
    <option>メニュー3</option>
    <!-- 中略 -->
</select>

FancySelectを呼び出すだけです。

$('.basic').fancySelect();

セレクトメニューをかっこよくしたい時に活用してみたいですね。

関連記事

  1. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  2. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  3. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  4. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  5. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP