JavaScript

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

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

wheelnav.js

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

wheelnav.js

wheelnav.js

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

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

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

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

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

関連記事

  1. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  2. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  3. no-image
  4. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  5. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP