SweetDropdownは、多彩なドロップダウンを実装することができるjQueryプラグインです。スタイリッシュなデザインで、さりげないアニメーションで表示される動作もすごくいい感じですね。使い方もシンプルでとてもわかりやすいですよ。
SweetDropdown
以下のページからSweetDropdownの実際のデモ動作を確認できます。
デモではスタンダードなものから、アイコンが付いたもの、ダークデザインのもの、表示位置を変更したもの、ドロップダウンにHTMLコンテンツを入れたものなどがあります。
各サンプルに設置されている「Try out!」というボタンをクリックすると、ドロップダウンが表示されます。
さりげないフェードアニメーションとともに表示されるドロップダウンは、シンプルでさまざまなサイトに似合いそうですね。
また、使い方もとても簡単で、オプションなどはHTMLタグ内に指定することでカスタマイズが可能です。ドロップダウンにアイコンを一緒に表示したり、表示させる位置を指定したりと、細かいカスタマイズができるところもグッドです。
互換性のあるブラウザは、IE11、Safari 6+、Firefox 4+、Chrome 20+、Opera 15+、Microsoft Edgeとのこと。
というわけで、スタイリッシュなデザインとアニメーションを備えた多彩なドロップダウンを実装できるjQueryプラグイン「SweetDropdown」のご紹介でした。
SweetDropdownのダウンロードや詳細は、以下のページからどうぞ。
