SweetDropdown

JavaScript

スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

SweetDropdownは、多彩なドロップダウンを実装することができるjQueryプラグインです。スタイリッシュなデザインで、さりげないアニメーションで表示される動作もすごくいい感じですね。使い方もシンプルでとてもわかりやすいですよ。

SweetDropdown

デモ

デモではスタンダードなものから、アイコンが付いたもの、ダークデザインのもの、表示位置を変更したもの、ドロップダウンにHTMLコンテンツを入れたものなどがあります。

各サンプルに設置されている「Try out!」というボタンをクリックすると、ドロップダウンが表示されます。

さりげないフェードアニメーションとともに表示されるドロップダウンは、シンプルでさまざまなサイトに似合いそうですね。

また、使い方もとても簡単で、オプションなどはHTMLタグ内に指定することでカスタマイズが可能です。ドロップダウンにアイコンを一緒に表示したり、表示させる位置を指定したりと、細かいカスタマイズができるところもグッドです。

互換性のあるブラウザは、IE11、Safari 6+、Firefox 4+、Chrome 20+、Opera 15+、Microsoft Edgeとのこと。

というわけで、スタイリッシュなデザインとアニメーションを備えた多彩なドロップダウンを実装できるjQueryプラグイン「SweetDropdown」のご紹介でした。

SweetDropdown

関連記事

  1. no-image
  2. StickyStack.js

    JavaScript

    パネルにスタッキング効果を実装できるjQueryプラグイン「StickyStack.js」

    StickyStack.jsはパネルにスタッキング効果を実装することが…

  3. Solution for Long Drop Down Items

    JavaScript

    長いメニューもスクロールで表示できる「Solution for Long Drop Down Ite…

    長いドロップダウンメニューでもスクロール表示してくれるjQueryを活…

  4. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

  5. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  6. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP