Stretchy Navigation

JavaScript

ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

Stretchy Navigationはクリック、タップをすることで伸び縮みするナビゲーションメニューを実装できます。PC、スマホ、タブレットとさまざまなデバイスでも操作感が変わらないのがいいですね。

Stretchy Navigation

デモ

左下からNavigation、Add content、Edit contentのスタイルを選択できるようになっています。

メニューアイコンをクリック(タップ)すると、メニューが伸びて各項目が表示されます。

通常はアイコンのみが表示され、メニューリストが非表示になっている状態なので、見た目もスッキリしてスペースにも余裕が生まれますね。

アニメーションもスムーズでストレスなく操作できます。

Stretchy Navigation

Adi.jsアドブロックを検知してくれる「Adi.js」前のページ

流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」次のページMulti-Level Menu

関連記事

  1. jsPanel3

    JavaScript

    多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」

    jsPanel3は、高度で多機能なフローティングパネル(ウィンドウ)を…

  2. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  3. socialShare.js
  4. no-image

    JavaScript

    スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

    bsc-sliderは、シンプルでスタイリッシュなスライダーを実装する…

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP