jQueryプラグイン人気ランキング20【2014年7月版】

  • rank20gmaps

    マップ

    gmaps

    DEMO詳細

    gmasは、google mapsを色々と便利にしてくれるプラグインです。
    いろいろな機能が用意されているので、ユーザーの利便性向上を狙うならぜひご利用を

  • rank19Pikachoose

    スライダー

    Pikachoose

    DEMO詳細

    Pikachooseは、サムネイル付きスライダーを簡単に設置できるプラグイン。
    もちろん、サムネイル無しも設置でき、キャプション表示や、別途css、jsを読みこめば、豊富なスライドアニメーションやカルーセルを実装できます。
    DLファイル内にサンプルがたくさんあるので、やり方も簡単にわかります。

  • rank18ContextMenu1

    メニュー

    ContextMenu1

    DEMO詳細

    ContextMenu1は、右クリックメニューをオリジナルにすることができるプラグインです。

  • rank17FullscreenSlitSlider

    スライダー

    FullscreenSlitSlider

    DEMO詳細

    Fullscreen Slit Sliderは、様々なエフェクトでスライドを実装できるプラグインです。
    若干設定が手間で、ややこしい感じがありますが、他のプラグインとは一味違うダイナミックな動作は試す価値ありです。

  • rank16jRumble

    その他

    jRumble

    DEMO詳細

    jRumbleはふるえます。とにかくふるえるプラグインです。 ふるえいた人必見。

  • rank15AwkwardShowcase

    スライダー

    AwkwardShowcase

    DEMO詳細

    Awkward-Showcaseは、シンプルなスライダーからちょっと豪華なスライダーまで幅広く設定できるプラグインです。
    サムネイルの縦横表示、マウスオーバーでのキャプション表示、youtubeのようなツールチップまでオプションで設定可能です。

  • rank14Mouseinfobox

    吹き出し

    Mouseinfobox

    DEMO詳細

    Mouseinfoboxは、簡単に吹き出しを表示することができるプラグインです。
    吹き出しの表示方法、位置なども設定で色々変更できるし、IE7~で動作するのでなかなか使い勝手がよろしいです。
    jqueryの1.10.2を使っている場合、IE7,8だとanimation設定をした場合に動作しないようです。
    原因がプラグイン内のanimate()のパラメータをシングルクォーテーションで括っていない事が原因のようです。
    当サイトで読み込んでいる「jquery.mouseinfobox.js」はその部分を修正しているので、IE7,8でも動きますが、本家からDLしたファイルの場合は注意してください。

  • rank13puffy

    画像効果

    puffy

    DEMO詳細

    puffyは、画像が飛び出すようなアニメーションを付けることができるプラグインです。
    クリック、マウスイベントなどにあわせてセットするとおもしろことができるかも。

  • rank12MeanMenu

    メニュー

    MeanMenu

    DEMO詳細

    MeanMenuは、レスポンシブメニューを簡単に設置できるプラグインです。
    ブレークポイント等色々と細かい設定もできるようになっています。

  • rank11Maplace

    マップ

    Maplace

    DEMO詳細

    Maplaceは、google mapsを色々とカスタマイズできるプラグインです。
    マーカー、メニュー、タブ、ルートなど機能は豊富です。

  • rank10PassStrength

    フォーム

    PassStrength

    DEMO詳細

    PassStrengthは、入力されたパスワードの強度をわかりやすく表示してくれるプラグインです。
    セキュリティレベルの設定や、表示するラベルの色、カラーなどをオプションから変更することができます。

  • rank9FOTORAMA

    スライダー

    FOTORAMA

    DEMO詳細

    FOTORAMAはフルスクリーンの切り替えができたりするスライダーです。
    その他にも標準的なスライド、サムネイル付き、キャプション付きなどオプションで色々なスライダーを設置できます。
    APIも参考にして下さい>
    【注意】Githubからダウンロードできるプラグインファイルだとなぜか動作しません(2014年6月19日現在)

  • rank8FullCalendar

    カレンダー

    FullCalendar

    DEMO詳細

    FullCalendarは、簡単にカレンダーを設置できるプラグインです。
    Googleカレンダーとの同期やJSONでイベントを取得したりと、なかなかの高機能ぶりです。

  • rank7Multilevelpushmenu

    メニュー

    Multilevelpushmenu

    DEMO詳細

    Multilevelpushmenuは、横から重なるようにメニューが出てくるありそうでなかったプラグインです。
    多階層になっているメニューの表示の仕方がありそうでなかった感じです。
    アコーディオンに飽きたあなたのためのプラグインです。ぜひ一度お試しを!

  • rank6jcarousel

    スライダー

    jcarousel

    DEMO詳細

    jcarouselは、カスタマイズ性のあるカルーセルを設置できるプラグインです。
    オプションやAPIも用意されているので、自分好みにカスタマイズもOK!
    IE8+でanimateでのスライドは動きますが、css3のtransitionを使ったアニメーションはIE10+になります。

  • rank5custombox

    モーダル・ポップアップ

    custombox

    DEMO詳細

    customboxは、豊富なアクションを持つモーダルを設置できるプラグインです。
    シンプルですが、表示時のアニメーションが豊富に用意されているので、色々な見せ方ができそうです。
    letmein, makeway, slipのアクションを使うとhatenaボタンのブックマークボタンが消える現象が起こります。
    body以下の要素が.custombox-containerに移動する時に、hatenaボタンのiframe内のhtml要素が全て空になってしまうためなのですが、原因がよくわかりません。
    無理やり対策しているのですが、挙動が少しおかしくなっています。

  • rank4GalleryView

    画像ギャラリー

    GalleryView

    DEMO詳細

    GalleryViewはなかなかすごい画像ギャラリーです。
    とても簡単なHTMLで多機能な画像ギャラリーが設置可能です。
    ドキュメントが少ないので、自分でどんどんカスタマイズしていきましょう。

  • rank3Boxer

    モーダル・ポップアップ

    Boxer

    DEMO詳細

    Boxerはシンプルなモーダルを設置できるプラグインです。
    シンプルですが、オプションでの設定が豊富なので細かいカスタマイズができそうです。

  • rank2bxSlider

    スライダー

    bxSlider

    DEMO詳細

    bxSliderは、とても簡単にスライダーを設置することができるプラグインです。
    オプションも豊富に用意されていて、様々な使い方ができる万能型のスライダープラグインです。

  • rank1MagnificPopup

    モーダル・ポップアップ

    MagnificPopup

    DEMO詳細

    MagnificPopupは、画像、フォーム、動画などをモーダルで表示できるプラグイン。
    シンプル目な見た目とは裏腹になかなか豊富な機能を備えています。