20フラッシュのようなjQueryプラグイン

20クールなjQueryプラグインは、フラッシュアニメーションに別れを告げるのに役立ちます！この記事では、フラッシュスタイルのJavaScriptアニメーションリソース、チュートリアル、プラグインの印象的な配列を紹介します。 JQuery、Mootools、およびアニメーションを強化する他の多くのフレームワークの台頭により、見事なJavaScriptアニメーションを簡単に作成できるようになり、訪問者がフラッシュアニメーションの違いを伝えることが困難になりました。この記事があなたに新しいインスピレーションをもたらすことを願っています！

キーポイント：

この記事には、印象的なフラッシュスタイルのアニメーションを作成するための20のjQueryプラグインがリストされており、開発者が探索して使用できるリソース、チュートリアル、プラグインのリストを提供します。
• これらのプラグインとチュートリアルは、アニメーションタイトルの作成、バー、メニュー、タグクラウドの共有、重力のシミュレーション、アニメーション化された漫画ロボットの構築など、幅広いアプリケーションをカバーしています。
• jQueryプラグインは、jQuery JavaScriptライブラリの機能を拡張するコードのスニペットであり、開発者はコードをゼロから書くことなく、ウェブサイトやアプリケーションにさらに機能を追加できるようにします。動的なWebページ、アニメーション、フォーム検証などの作成に役立ちます。

1. jparallaxプラグイン

JParallaxは、選択した要素を「ウィンドウ」またはビューポートに変換し、すべての子要素をビューポートを通じて見ることができる絶対に配置されたレイヤーに変換します。これらの層は、マウスとサイズの変化に応じて移動します。

ソース

2. fxqueuesプラグイン

このプラグインは、以前のJohn Resigのスクリプトに基づいています。スコープコンテンツ、新しいサンプルページ、およびいくつかのユニットテストを追加しました。改善が必要ですが、これは良いスタートです。

3. jsanim - 無料のJavaScriptアニメーションライブラリ

標準やアクセシビリティを犠牲にすることなく、Webサイトに印象的なアニメーションを追加するための強力で使いやすいライブラリ。

ソース

4. $ fx

コンパクトで軽量のJavaScriptアニメーションライブラリ。タイムラインに沿ってCSSプロパティを調整します。並列効果セットと効果チェーン。動作を調整するための拡張コールバックセット。

ソース

5. gx

フルフィーチャー、クロスブラウザー、ウルトラスマール（10kbの非圧縮）JavaScriptアニメーションフレームワーク。 GXを使用すると、各W3C CSSプロパティを使用する複雑なアニメーションを作成できます。

ソース

6. glimmer

jQueryのアニメーションに対するサポートは驚くべきものです。 Glimmerは、既存のHTMLおよびCSSで直接使用できる標準に基づいてカスタムアニメーションを簡単に作成できます。 ソース

7. 魔法

単純なJavaScriptフレームワーク。 ソース

8. jQuery

jQueryなどのフレームワークの出現により、Webページに対する視覚効果はますます効果的になりました。クリックまたはボタンでページの外観を調整できるというアイデアは、ユーザーに追加のインタラクティブ性を提供します。

ソース

9. アニメーションの漫画ロボットをビルド

ボトルにミニチュア容器として使用されます。しかし、それには基本的な目的があります。これは、人々がWebデザイナーと開発者の指定された制限を超えて行くように促すことができます。

ソース

10. jqueryアニメーションを使用してクールな紹介を作成する紹介

過去には、ほぼすべてのウェブサイトにフラッシュの導入またはタイトルがあり、永遠に待つことができました...今では、jqueryのアニメーション機能を使用してウェブサイトをより面白くしています。

ソース

11. jQueryで印象的なアニメーションランドスケープタイトルを作成する方法

    このチュートリアルでは、漫画のテーマタイトルから始め、コンテンツの2つの異なる状態を構築し、jQueryを使用してそれらの間の遷移をアニメーション化します。 ソース

jqueryとcssを使用してアニメーション共有バーを作成します

12. 古い共有ボタンとそのパフォーマンスと外観にうんざりしていませんか？このチュートリアルは、見逃してはいけないものです。

    ソース

jQueryチュートリアルデザイナーのチュートリアル

13. Webデザイナーと初心者向けの10の視覚的なチュートリアルが含まれており、jQueryを使用してJavaScript効果を適用する方法を説明しています。 jqueryを理解していない場合、「コードが少なく、より多くのことを行う」のはJavaScriptライブラリです。

    ソース

    14. jquery愛好家のためのラバランプ！

    フラッシュプレーヤーに関しては、フラッシュメニューバーを使用して訪問者を引き付けるだけでは不十分です。このチュートリアルを試してみると、メニューの上にホバリングするときにナビゲーションバーアニメーションを作成します。 ソース

    15. jQuery Hover Subtag Cloud

    ポストタグクラウドを表示する古いWordPressプラグインが時代遅れになりました。独自のタグクラウドを作成する時が来ました。このチュートリアルをお試しください。

    ソース

    

    16. jQuery

        を使用してコンテンツをロードおよびアニメーション化する方法

        このチュートリアルでは、通常の日常のウェブサイトを作成し、JQueryを使用して強化する方法を学びます。ユーザーが別のページにナビゲートする代わりに、コンテンツが関連するコンテナにロードされるようにAjax機能を追加することを学びます。
    ソース

    

    jQuery

    17. を使用して、ヒョウデスクトップに追加します

        ページに表示せずにヒョウのデスクトップを学びます。このチュートリアルを試して、訪問者がページにアクセスするときに別の体験を体験できるようにしてください。
    ソース

    

    liscroll（簡単に作成できるjqueryニューススクロールバー）

    シンプルなWeb Scrollbarsを作成するためのこのシンプルなチュートリアルをご覧ください。それは簡単なチュートリアルであるため、jqueryの基本を間違いなく学ぶことができます。 ソース

jQuery

を使用してスライドメニューを作成します

19. 普通のメニューバーにうんざりしていませんか？次に、このチュートリアルを確認する必要があります。これにより、jQueryを使用してスライドメニューバーを作成するのに役立ちます。 ソース

jQueryとcss

を使用してセクシーなドロップダウンメニューを作成します

20. 訪問者にページに興味を持ちたいなら、魅力的なものを作ってください。よく組織化された十分に構造化されたナビゲーションメニューを作成します。 ソース

    （Jqueryプラグインに関するFAQセクションをここに追加する必要があります。コンテンツは入力テキストのFAQパーツと一致していますが、スペース制限のために擬似オリジナル化する必要があります。 必要に応じて自分で追加して、元のFAQパーツと一致していることを確認してくださいが、声明は変更されました。

以上が20フラッシュのようなjQueryプラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。