PHP、jQ和CSS制作头像登录窗

我设计了一个简单有趣的包含Gravatar头像的登录框功能，头像是基于邮件id从gravatar.com导出的。这篇文章是非常基本的层面上的CSS实现和几行Jquery和PHP代码。我希望这个登录框设计对您的web项目给出了一些特殊的味道。在尝试这个示例前请在Gravatar上先上传你的头像.498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' title="使用PHP、jQuery和CSS制作gravatar头像登录窗" height="300" alt="使用PHP、jQuery和CSS制作gravatar头像登录窗" src="https://lh3.googleusercontent.com/-RFUV0LFAAbo/T7vN5VAW8tI/AAAAAAAAGCU/W8cbVtFpbko/s550/loginbox.png" width="550" />使用PHP、jQuery和CSS制作gravatar头像登录窗JavaScript包含javascript代码。$(".user").keyup(function(){}---user是input标签的名字，我们通过$(this).val()获取input的值。如果email值通过了正则表达式，ajax将会请求avatar.php<script type="text/javascript" src="/uploadfile/201301/2/70195839951.png" width="368" />使用PHP、jQuery和CSS制作gravatar头像登录窗HTML 代码<div id="login_container"> <div id="login_box"> <div id="img_box"><img src="/uploadfile/201301/2/AC195840633.jpg) #006699;  overflow: auto;  width: 300px;  }  #login_box  {  padding:60px 30px 30px 30px;  border:solid 1px #dedede;  width:238px;  background-color:#fcfcfc;  margin-top:70px;  }  #img_box  {  background-color: #FFFFFF;  border: 1px solid #DEDEDE;  margin-left: 77px;  margin-top: -108px;  position: absolute;  width: 86px;  height: 86px;  } 498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' title="使用PHP、jQuery和CSS制作gravatar头像登录窗" alt="使用PHP、jQuery和CSS制作gravatar头像登录窗" src="/uploadfile/201301/2/4E195840432.jpg" />点我下载源码原文链接：http://www.phpfuns.com/php/gravatar-login-box-design-with-jquery.shtml