ホームページ >バックエンド開発 >PHPチュートリアル >PHP+jquery+CSSによるアバターログインウィンドウの作成(QQログイン模倣)_phpの例

PHP+jquery+CSSによるアバターログインウィンドウの作成(QQログイン模倣)_phpの例

WBOY
WBOYオリジナル
2016-12-05 13:28:171067ブラウズ

この記事では、Gravatar アバターを含むシンプルで興味深いログイン ボックス機能のデザインを紹介します。アバターは電子メール ID に基づいて Gravatar.com からエクスポートされます。この記事は、CSS の非常に基本的な実装と、数行の Jquery および PHP コードです。このログイン ボックスのデザインがあなたの Web プロジェクトに特別な風味を与えることを願っています。この例を試す前に、Gravatar にアバターをアップロードしてください。

JavaScript

JavaScriptコードが含まれています。 $(".user").keyup(function(){}---user は入力タグの名前です。$(this).val() を通じて入力値を取得します。電子メールの値が正規表現を渡す場合, ajax avatar.php がリクエストされます

リーリー

HTMLコード

リーリー

アバター.php

これには非常に単純なコードが含まれています: POST メールを受信し、MD5 暗号化を実行し、暗号化されたデータを返します。

リーリー

CSS

リーリー

レンダリングは次のとおりです:

以上がこの記事の全内容です。皆様の学習に役立つことを願っております。また、皆様も Script Home をサポートしていただければ幸いです。

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