ナビゲーション
【wheelnav】SVGを使った回転するのナビゲーションを実装するスクリプト

http://wheelnavjs.softwaretailoring.net/
Demo Page Download Page
Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

アニメーション円形

設置方法などの参考ページ

[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js

http://coliss.com/articles/build-websites/operation/javascript/js-wheelnav.html

ピザのように切り分けたパイ状のナビゲーション、水平でも垂直でもない回転を取り入れたタブ、アイコンをクリック（タップ）するとぐるぐるっとアイテムが表示されるなど、回転を使った面白いナビゲーションを実装で

公開日：2015.03.13

Related Posts

http://wheelnavjs.softwaretailoring.net/index.html
【wheelnav.js】回転する新感覚のナビゲーションを実装するjQueryプラグイン
http://www.class.pm/projects/jquery/classycountdown/
【ClassyCountdown】円形のカウントダウンを実装するjQueryプラグイン
http://individual11.github.io/Scroll-To/#ease
【Scroll To】アニメーションスクロールをデフォルト化するjQueryプラグイン
jPages
【jPages】どんな要素にも簡単にページネーションを付けられるjQueryプラグイン
http://www.justenallan.com/menuslider/
【menuSlider】メニューにスライドする背景やボーダーを設定するjQueryプラグイン
http://darsa.in/motio/
【Motio】CSSスプライトベースのアニメーションを実装できるjQuery
http://emn178.github.io/jquery-animations-tile/samples/tile/
【jquery-animations-tile】タイル状のアニメーションを追加できるjQueryプラグイン
http://www.ianlunn.co.uk/plugins/jquery-parallax/
【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン
tipso
【tipso】レスポンシブに対応した軽量なツールチップを実装できるjQueryプラグイン
http://git.blivesta.com/rippler/
【rippler】クリックしたら波紋が広がるようなアニメーションを実装できるjQueryプラグイン

Page Top