無料・商用利用可のJavaScript、jQueryプラグインのまとめ 
無料・商用利用可のJavaScript、jQueryプラグインのまとめ
CSS3を使ったアニメーションでタブコンテンツを表示するjQueryプラグイン。
さまざまなアニメーションをしながらページを表示するjQueryプラグイン。フェード、回転、スライドなど。
ページ内リンクをidだけでなくclassなどでの指定可能。スクロール速度の変更もできます。
レスポンシブ対応、画面サイズに応じてアコーディオンメニューになるタブメニューを実装するjQueryプラグイン。
シンプルなサイドバーをスライドインさせるjQueryプラグイン。左右どちらにも設定できます。
シンプルにパララックス効果を実装できるjQueryプラグイン
1ページコンテンツ用のスクロールを実装するjQueryプラグイン。垂直、水平にスクロールします。
スクロールした後、ナビゲーションを上部に固定します。1ページサイト用のナビゲーションとしても使えます。
マルチデバイスで利用可能です。 ページの右下にメニューアイコンが表示され、クリックするとメニュー一覧が展開されます。
リスト要素など繰り返しを行う要素を指定することで、対象のリストを分割させます。1ページに表示する個数やアニメーションの指定などもできる便利なプラグインです。
amazon風のメガメニューを実装するjQueryプラグイン
画像またはグローバルメニューをクリックすると画像がアコーディオンのように開きます。
テキストだけでなく、テーブルやフォームなどもメガメニューの中に表示できます。
レスポンシブ対応のメガメニューを実装できるjQueryプラグイン。
スクロールしていくと、見やすい位置にきたヘッダーのコンテンツが表示されます。現在見ている位置より上のヘッダーは固定されていき、どんな内容があったか確認ができるため、縦長ページに最適です。
多彩なエフェクトのナビゲーションでで魅了しましょう。
メニューやコンテンツを横からスライドして表示させます。オプションでさまざまな設定ができます。
スクロールすると、ナビゲーションメニューがアニメーションしながら隠れ、代わりにメニューの位置を示す要素が表示されます。上にスクロールするとナビゲーションメニューが再表示されます。 特定のライセンス形態はとっていないようで […]
全画面画像を変更させるナビゲーションです。ナビゲーションの各ラベルをクリックすると対応したパネルが滑らかなアニメーションとともに展開します。
jQueryのメニュースライダー。マウスに追随してボーダーや背景がスライドします。IE8以下は角丸、透明な背景、IE7以下はボックスサイズをサポートしていません。
使用可能な画面幅のスペースに応じてパンくずリストのアイテム数を動的に変更するレスポンシブ対応のjQueryプラグイン。
「Kwicks for jQuery」を使うと、ナビゲーションを簡単に実装することができます。オプションを変更するだけで色々なナビゲーションにすることができるので種類も豊富です。
多階層に対応したサイドからスライドインするナビゲーション。 階層の重ね方やナビゲーションのサイズをオプションで指定できます。
ページの先頭へ戻るボタンを設置できます。どのくらいスクロールしたら表示させるか、表示する時のアニメーション、ページの先頭に戻るスピードなどを指定することができます。デザインのCSSが4パターン用意されています。
円に沿ってアニメーションしながら飛び出すメニューを作成できます。メニューの位置調整、アニメーション、スピードなど指定することができます。
CSS3 Menu Sliderを使えば、モバイルにも対応したサイドバーのナビゲーションメニューを実装することができます。パソコンのブラウザではナビゲーションメニューが全て表示され、ブラウザ幅が縮小されるとメニューアイコ […]
デモページの左端にマウスをもっていくと、ページ全体がずれてメニューが表示されます。CSS3対応のブラウザで実装が可能です。
“light-theme”、”dark-theme”、”compact-theme”という3種類の基本テーマが入っていて簡単にクールなページネーショ […]
もっと読む、を簡単に実装できるjQueryプラグイン。 ブログ等でよく見かける、「ReadMore」。クリックすることで全文が見れますが、サーバサイドでやるとリロードが必要になってしまいます。このプラグインを使えば、すぐ […]
アニメーションスクロールをデフォルト化できるプラグイン。一瞬で飛んでしまうスクロールより便利なので、デフォルト化してしまうのも一つの手かもしれません。 アニメーションの速度やスクロール位置のオフセット、アニメーションエフ […]
切り替え時のエフェクトが印象的なタブメニューを作れます。エフェクトは scale / slideLeft / scaleUp / flip の4種類。IE8,9はタブメニューは作れますが、エフェクトがかかりません。
深い階層のメニューが作れるレスポンシブ対応jQueryプラグイン。スマートフォンでも開閉できる深い階層のレスポンシブなメニューが作れます。同じページに複数のメニューを設置することも可能。
さまざまな動き（エフェクト効果）を指定することが可能です。エフェクトの一覧は下記サイトから確認することができます。Easing function
ヘッダー等のメニューを上部に固定するだけでなく、ブレイクポイントを設定することで、ページの途中から固定する内容（要素）を変更することが出来ます。
画面サイズに応じてタブメニューとアコーディオンメニューを切り替えます。タブは横方向・縦方向どちらにも対応。
画面サイズによって、横並びのメニューとトグル型メニューを簡単に切り替えます。
