SweetDropdown

JavaScript

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

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

SweetDropdown

デモ

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

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

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

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

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

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

SweetDropdown

Stepper.js数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」前のページ

フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」次のページno-image

最近の記事

  1. SILENT HILL 2
  2. FUNLOGY スピーカー
  3. 聖剣伝説 VISIONS of MANA
  4. エルデの追憶
  5. コーヒー豆
PAGE TOP