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. EZ Tabs jQuery Plugin
  2. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  3. JQuery Portfolio
  4. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  5. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP