この記事では、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 をサポートしていただければ幸いです。