Dropit

JavaScript

シンプルでフレキシブルなドロップダウンメニュー「Dropit」

Dropitはシンプルでフレキシブルなドロップダウンメニューを実装できるjQueryプラグインです。クリックでメニューを表示したり、ホバーで表示できます。シンプルで無駄がないスッキリしたドロップダウンメニューを実装できます。

Dropit

Dropit

クリック、ホバーともにシンプルなメニューが表示されます。各メニューへのホバー時のアニメーションも優雅な感じでオシャレですね。

デモのように、このくらいコンパクトなメニューなら、これだけでPCからスマホまで対応できそうな感じです。

マークアップを含む使い方もかなりシンプルなので、手軽に導入できます。

APIもいくつか用意されているので、気になる方はぜひチェックしてみてください。

関連記事

  1. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  2. 3D Cube CountDown script
  3. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  4. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  5. Recursive Hover Nav
  6. scroll-scope.js

    JavaScript

    親要素の影響を受けずに子要素だけを固定してスクロールさせる「scroll-scope.js」

    scroll-scope.jsは親要素の影響を受けずに子要素だけを固定…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP