JavaScript

回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

wheelnav.jsは回転する円形のナビゲーションを実装することができるスクリプトです。アニメーションを付けることができ、ナビゲーションメニューにある項目をクリックするとクルッと回転しながらコンテンツも同時に切り替わったりします。

wheelnav.js

wheelnav.jsの実際のデモや使い方は以下のページからチェックすることができます。

wheelnav.js

wheelnav.js

デモには円形ナビゲーションの他にも、クリック時にメニュー項目が広がっていくタイプや様々なアニメーションを取り入れたものがあります。

どれも動きがおもしろくて楽しいですね。ユーザーの目を惹きたい時にも役立ちそうです。

というわけで、回転しながらアニメーションする円形ナビゲーション「wheelnav.js」のご紹介でした。

関連記事

  1. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  2. OverlayScrollbars
  3. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  4. no-image

    JavaScript

    2枚の画像の違いを比較できるjQueryプラグイン「baSlider」

    baSliderはビフォー・アフターのような2枚の画像の違いを比較でき…

  5. Diagonal Slider

    JavaScript

    斜めにデザインされたスタイリッシュなjQueryイメージスライダー「Diagonal Slider」…

    Diagonal Sliderは斜めにデザインされたクールでスタイリッ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP