ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery はフォーム内のテキスト ボタンの特殊効果のコレクションを実装します。

jQuery はフォーム内のテキスト ボタンの特殊効果のコレクションを実装します。

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-25 10:30:341795ブラウズ

今回は、フォームにテキスト ボタンの特殊効果を実装するための jQuery のコレクションをお届けします。jQuery がフォームにテキスト ボタンの特殊効果を実装するときに注意する必要がある 注意点 については、以下のとおりです。見てください。

1. jQuery スライド ボタンは画像トランジション エフェクトを制御します

jQuery に基づいて、スライド ボタンは画像トランジション エフェクトを制御します。合計 4 つの画像が自動的に切り替えられ、切り替え時にオーバースライド エフェクトがあります。ユーザーは、スライドのタイトル テキストとコンテンツをカスタマイズすることもできます。非常に優れた特殊効果ソースコードです。

オンラインデモンストレーション

ソースコードのダウンロード

2.htm5+CSS3で実装された入力検証効果のあるフォーム美化

純粋なhtml5+css3で実装されたフォーム美化効果と入力検証効果のあるコード。この特殊効果はウェブサイトはとても便利です。

オンラインデモ

ソースコードダウンロード

3. ログイン登録などを実装するためのマスク付きポップアップレイヤーをjqueryで作成

クリック後に元のページに目的のページをポップアップさせるコードを実装このコードは広範囲にわたり、さまざまな Web サイトのさまざまなページで使用するのに非常に実用的です。

オンラインデモ

ソースコードのダウンロード

4.jQuery DropDownList.jsプラグインに基づくドロップダウンボックス美化効果

DropDownList.jsプラグインに基づくドロップダウンボックス美化のコード、これコードはウェブサイトで非常に一般的です。

オンラインデモンストレーション

ソースコードのダウンロード

5. HTML5とTweenMax.jsに基づくマルチアングル回転3D画像アニメーション

TweenMaxは非常に一般的に使用されるアニメーションフレームワークであり、TweenMax.jsはそのJSバージョンです。 TweenMax 、今日は TweenMax.js と HTML5 を組み合わせて、複数の画像が壁を形成し、マウスの動きに合わせて画像の壁が回転し、回転速度がマウスに応じて変化するアニメーションを実装します。クールな HTML5 3D アニメーション アプリケーション。

オンラインデモ

ソースコードダウンロード

6. HTML5/CSS3で実装されたゴージャスな

日付ピッカーソースコードは、見た目も美しいHTML5/CSS3カレンダーアプリケーションです:日付の上にマウスをスライドさせると、以前の日付範囲を共有した HTML5/CSS3 の日付選択プラグインと比較すると、機能が若干劣りますが、非常にクールな日付選択効果があります。全体としては、依然として非常に実用的な HTML5 カレンダーです。

オンラインデモンストレーション

ソースコードのダウンロード

7. HTML5 SVGに基づいたキツネのランニングアニメーション特殊効果

非常にクールなHTML5アニメーション、それは速く走るキツネで、走るアクションは非常に自然でリアルで、長いです。長いキツネの尻尾も揺れます。さらに、この HTML5 キツネの走行アニメーションも SVG に基づいています。以前にも多くの SVG アニメーション効果を紹介しましたが、SVG がアニメーション制作においても大きな利点があることがわかります。

オンラインデモ

ソースコードのダウンロード

8. jQueryとMiniColors.jsプラグインによって実装されたWebページの色の選択

クリックすると、カラーコードを選択することができます。タイトル: 誰かがフォームから離れて、DW または Photoshop を開いてカラーコードを見つけました。しかし、この jquery プラグインを使用すると、それを行う必要がなくなります。カラーコードを探す必要はありません。必要な色を直接かつ客観的に見つけることができ、選択したカラーコードを保存するだけですぐに入力ボックスに戻すことができます。データベース

オンラインデモンストレーション

ソースコードダウンロード

9. jQuery 実装

ユーザー登録フォーム上のポップアッププロンプトテキストの特殊効果

入力フォームの上に注意事項を表示するだけでなく、入力確認コードも提供します。

オンラインデモ

ソースコードのダウンロード

10.html5のパーソナライズされた回答質問の実装。すべてのフォームが完了するまで回答を入力して、次のステップに進みます。特殊効果はどこでも使用できます。ウェブページ、たとえば、ウェブサイトのホームページの最初で、すべてのフォームに記入した後でのみホームページに入ることができます。または、同時にすべてのフォームに記入した後でのみ次のステップに入ることができます。フォームの入力を省略することはできません。つまり、このコードは採用情報に関する質問に変更することもできます。このコードは来てダウンロードできます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQuery テーブル プラグイン datatable の使用方法の詳細な説明


JSON.parse() と JSON.stringify() の違いとその使用方法の詳細な説明

以上がjQuery はフォーム内のテキスト ボタンの特殊効果のコレクションを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。