JavaScript

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

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

wheelnav.js

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

wheelnav.js

wheelnav.js

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

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

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

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

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

関連記事

  1. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

  2. Tiny slider
  3. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

  4. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  5. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  6. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP