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. HR Navigation Responsive Menu
  2. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

  3. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  4. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

  5. Lightense Images
  6. CoutUpCircle

    JavaScript

    カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

    CoutUpCircleは目標に指定した数までカウントアップしてくれる…

コメント

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

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

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP