JavaScript

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

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

wheelnav.js

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

wheelnav.js

wheelnav.js

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

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

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

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

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

最近の記事

  1. クリスマスブロンドロースト
  2. トマトとニンニク
  3. ウィンターホワイトマグツリー
  4. 読書の進捗状況を非表示にする
  5. 牛すじ煮込みカレーと温野菜
PAGE TOP