JavaScript

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

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

wheelnav.js

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

wheelnav.js

wheelnav.js

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

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

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

複数の画像を用いて動画プレイヤー風に仕上げることができる「Jquery Image Player」前のページ

シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」次のページCircularLoader.js

関連記事

  1. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  2. bcralnit.js
  3. Water Wave Effect jQuery
  4. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  5. syncscroll

    JavaScript

    2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」

    syncscrollは2つ以上のスクロールエリアを同時にスクロールでき…

  6. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP