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();

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

No Vacancyネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」前のページ

「iPhoneを検索」でWebページ検索ができるのでとても便利次のページ

関連記事

  1. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

  3. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  4. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

  5. Create a month picker jQuery plugin
  6. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

コメント

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

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

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP