35種類の新鮮で便利なjQueryプラグイン

高速で強力なjQueryは、デザイナーや開発者が魅力的でほとんどのブラウザーと互換性のある美しいインタラクティブなサイトを作成するのに役立ちます。 あなたのサイトは興味深く面白いものになります。 ナビゲーション、ギャラリー、スライドショーは、あなたのサイトで輝けるコンポーネントです。



この記事には、ナビゲーション、ギャラリー、スライドショー、カレンダー、タブなどに焦点を当てた35の便利で新鮮なjQueryプラグインが含まれています。これにより、サイトへの訪問者数を増やすために必要な時間と労力が削減されます。



jQueryナビゲーションプラグイン





jqDockを使用したjQueryを使用したLeopard Desktop



jQueryは、サイトに多くの優れた機能を追加します。 彼はアニメーションから始めてAJAXの機能で終わる多くのことを知っています。 jqDockを使用するこのjQueryプラグインは、Leopard OSのようにウィジェットパネルの完全な類似物を作成するのに役立ちます。 十分なスペースがないガジェットやウィジェットを簡単に隠すことができます。







jQueryキーボードナビゲーションプラグイン



このプラグインは、キーボードの矢印を使用してページ上の要素をナビゲートする機能を提供します。







jQueryプラグイン



このプラグインは、AJAXページで前方/後方ナビゲーションとブックマーク機能を作成するように設計されています。



jQuery(mb)メニュー2.6(New!)



これは、マルチレベルメニューツリーまたはコンテキストメニューを作成するための強力なjQueryコンポーネントです。







jQueryの高度なキーボードナビゲーションプラグイン







ギャラリーとスライドショー用のjQueryプラグイン





jQuery.popeye 1.0



完全に書き直されたjQuery.popeyeの素晴らしいリリース。 これは、人気のあるJavaScriptライトボックスの代替として作成された画像ギャラリープラグインです。







Pikachoose jQuery Image Galleryデモ



Pikachooseは軽量のjQueryプラグインであり、スライドショーとナビゲーションボタンのオプションを使用して画像を簡単に表示できます。 Pikachooseは、インストールと設定が簡単になるように設計されています。







超大型-jQueryフルスクリーンバックグラウンド/スライドショープラグインデモ



jQuery Supersizedプラグインは、アスペクト比を維持しながら背景画像のサイズを変更できます。 また、プラグインは、トランジションとプリロードを使用して、背景画像をスライドショーとして変更できます。 ナビゲーションメニューを使用すると、一時停止したり、前後に移動したりできます。







Easy Slider 1.5-画像とコンテンツをスライドさせる最も簡単なjQueryプラグイン



Easy Slider 1.5 jQueryプラグインには、自動スライド、長いスライド、「最初に移動」、「最後に移動」ボタン、非表示コントロールボタン、垂直スライド、1ページに多くのスライドなどの多くの機能があります。







画像、動画ファイル、YouTube、iFrame用のjQueryライトボックスby Stephane Caron



prettyPhoto jQueryプラグインは、単なる画像以上のものをサポートしています。 また、ビデオファイル、Flash、YouTube、iFrameもサポートしています。 これは、USBドライブからでもどこからでも起動できる便利なAPIを備えた本格的なライトボックスメディアです。







Spacegallery-jQueryプラグイン



Spacegalleryは、jQueryプラグインを備えたjavascript画像ギャラリーです。 パラメータを設定すると、画像はパースペクティブとしてアニメーション化されます。 最初の画像をクリックすると、滑らかなアニメーションで消え、次の画像に置き換えられます。 プラグインは1種類のナビゲーションを使用して作成されたという事実にもかかわらず、表示する画像が多すぎない場合に適したギャラリーです。







jquery-rotate-Googleコード



このライブラリは、JavaScriptで画像を直接回転させるjQuery拡張機能です。 サーバーを介して画像と作業を同期させずに画像のサムネイルを整理する必要がある場合、プラグインは非常に便利です。







Galleriffic-高速フォトギャラリーを視覚化するjQueryプラグイン



Gallerifficは高性能の写真プラグインです。 機能には、ページが読み込まれた後の画像の事前読み込み、ページのサムネイルナビゲーション、ブックマーク可能な画像URLのサポート、オプションの自動更新ブックマークURLを備えたスライドショー、および1ページの複数のギャラリーのサポートが含まれます。







JQueryサイクルプラグイン



jQuery Cycleプラグインは、軽量のスライドショープラグインです。 マウスで画像の上にマウスを移動したときの一時停止、自動停止、前方/後方タイプのナビゲーション、および他の多くの効果をサポートしています。 また、メタデータおよびイージングプラグインもサポートしていますが、必須ではありません。







jQuery無限カルーセル



jQuery Infinite Carouselはスクロール可能なカルーセルで、Apple Mac広告ページのカルーセルと同じように機能します。 このガイドでは、このエフェクトのすべてのプロパティについて説明し、作成方法を説明します。







ファンシーボックス



FancyBoxは、画像、HTMLコンテンツ、マルチメディアを表示するためのツールです。 jQueryライブラリを使用して作成。







jQuery Flashプラグイン



このjQueryプラグインは、Flashムービーを実装するように設計されています。 プレーン(X)HTMLを使用して、ページはFlashとJavaScriptを使用して徐々に拡張され、その逆も同様です。 SWFObject、UFO、sIFRに触発されたが、jQuery用に完全に作成されたこのプラグインは、他のスクリプトを必要としないため、フリルが少なく、ファイルサイズが小さく、読み込みが高速です。







JqueryプラグインMopBox 2.2



MopBoxは、画像、Flashムービー、ビデオクリップなどを含むことができるドラッグアンドドロップコンテナです。 複数の要素が含まれている場合、ナビゲーションが自動的に表示されます。 サイズは変更できます。







JQuery Mediaプラグイン



jQuery Media Pluginは、標準レイアウトのメディアコンテンツへの変換をサポートしています。 Flash、Quicktime、Windows Media Player、Real Player、MP3、Silverlight、PDFなど、ほぼすべてのメディアコンテンツを埋め込むために使用できます。







jQueryカレンダーと日付選択プラグイン





新しいjQueryウィークリーカレンダープラグイン



このjQueryウィークリーカレンダープラグインは、jQuery UIベースのアプリケーションに簡単に実装できます。 共有カレンダープラグインに基づいており、同じイベント名を使用します。最も重要なのは、日付に同じ形式を使用することです。 これで、両方のプラグインを同じサイトで使用でき、同じデータソースと同様のプログラミングスタイルで作業できます。







超越jQuery日付範囲セレクター



超越jQuery日付範囲セレクター+ショートカットは、ダウンロードに便利なアーカイブにパッケージ化されており、初心者でも標準の日付ピッカープラグインの優れた改善を楽しむことができます。







jNathanson.com



これはjQueryタイミングプラグインです。 さまざまな構成設定を試すには、デモで設定を行い、時計をクリックします。







jQueryタブプラグイン





tabSwitch



tabSwitchはjQueryタブプラグインです。 このプラグインを使用すると、コードの使用量が少ないタブシステムを作成できます。 現時点では、2つの出力スタイルを持つ7つの異なるエフェクトから選択できます。







Autotab:jQueryの自動タブとフィルタープラグイン



Autotabは、フォーム内のテキストフィールドを自動的にタブ移動およびフィルタリングするためのjQueryプラグインです。 テキストフィールドの最大文字数に達すると、カーソルは次の定義済みフィールドに自動的に移動します。 同様に、Backspaceキーを押してフィールドの内容を削除すると、カーソルは前のフィールドに移動します。 このプラグインの目的は、多くのテキストフィールド間で自動集計を作成することです。







idTabs







jQueryタブ付きコンテンツローテーター



jQuery UIは、インタラクション、フル機能のウィジェット、アニメーション効果を作成する機能を提供するjQueryライブラリです。







その他の便利なjQueryプラグイン





jQueryプラグインのフェードインとスライドスイッチ



jQuery slidetoggle()関数は優れていますが、このプラグインはスライドアニメーションの透明度をサポートします。 これは小さなプラグインですが、多数のエフェクトが含まれています。







jQueryページScott Robbinによるスライド



jQuery pageSlideは、セカンダリコンテンツ(上部のスライドの下)を表示するためにコンテンツをスライドするというアイデアを導入したAza RaskinのUIに触発されました。 このプラグインを使用すると、Web開発者は数行のJavaScriptを使用して、同様の機能をサイトに作成できます。 メソッドをアンカーにアタッチすることにより、pageSlideは元のコンテンツを含むコンテナを作成し、セカンダリコンテンツをロードするためのブロックを追加します。 スライドは、マウスクリックでアクションを呼び出すことでアニメーション化されます。







s3Slider jQueryプラグイン



s3Slider jQueryプラグインは、レイヤーの外観を示します。 ページの上部または下部、左側または右側に配置するか、レイヤーをどこにでも表示できます(左側、右側、下部、上部)。







jqModal :: jQueryの最小限のモダリング



jqModalは、通知、ダイアログ、およびメッセージボックスをブラウザーに表示するためのjQueryプラグインです。 これは柔軟で小さなプラグインであり、汎用ウィンドウフレームワークの優れた基盤です。







markItUp! ユニバーサルマークアップエディター



markItUp! 本格的なエディターではありません。 代わりに、CMS、ブログ、フォーラム、またはサイトで使用するための、かなり軽量でカスタマイズ可能な柔軟なプラグインです。 markItUp! ビジュアルエディターではありません。







その他の資料





JQueryローカリゼーション



ローカライズは、ダウンロードする基本パッケージの名前に言語インジケーターを追加することで機能します。 言語が選択されていない場合、デフォルトのブラウザ言語が使用されます。







ミニマリストjQuery:11の便利なプラグイン



jQueryは私たちの生活を楽にします。 これにより、ページのロード時間が長くなることがわかっているため、自分自身を抑制してどこでも使用することはできません。







すべてのマークアップ/プロジェクト/ jQuery URL Parser



URLを解析し、プロトコル、ホスト、ポートなどの情報への簡単なアクセスを提供するjQueryプラグイン。







jQueryのファイルスタイルプラグイン



ブラウザでは、ファイルアップロードフォームのスタイルを設定できません。 File Styleプラグインはこの問題を修正します。 プラグインにより、[参照]ボタンに画像を使用できます。 CSSを使用してファイル名フィールドのスタイルを設定することもできます。 プラグインはJavaScriptとjQueryを使用して記述されています。










All Articles