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. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  2. Text Rotator
  3. jQuery Smart Placeholder
  4. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  5. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  6. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

コメント

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

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

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP