新聞中心
我設(shè)計了一個簡單有趣的包含Gravatar頭像的登錄框功能,頭像是基于郵件id從gravatar.com導(dǎo)出的。這篇文章是非?;镜膶用嫔系腃SS實(shí)現(xiàn)和幾行Jquery和PHP代碼。我希望這個登錄框設(shè)計對您的web項(xiàng)目給出了一些特殊的味道。在嘗試這個示例前請在Gravatar上先上傳你的頭像.

創(chuàng)新互聯(lián)公司不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司;我們對營銷、技術(shù)、服務(wù)都有自己獨(dú)特見解,公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)!我們經(jīng)歷的每一步也許不一定是最完美的,但每一步都有值得深思的意義。我們珍視每一份信任,關(guān)注我們的成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)質(zhì)量和服務(wù)品質(zhì),在得到用戶滿意的同時,也能得到同行業(yè)的專業(yè)認(rèn)可,能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新,服務(wù)升級,滿足企業(yè)一站式全網(wǎng)營銷推廣需求,讓再小的成都品牌網(wǎng)站建設(shè)也能產(chǎn)生價值!
使用PHP、jQuery和CSS制作gravatar頭像登錄窗
JavaScript
包含javascript代碼。$(".user").keyup(function(){}---user是input標(biāo)簽的名字,我們通過$(this).val()獲取input的值。如果email值通過了正則表達(dá)式,ajax將會請求avatar.php
使用PHP、jQuery和CSS制作gravatar頭像登錄窗
HTML 代碼
avatar.php
這里包含了十分簡單的代碼:接收POST過來的email,進(jìn)行md5加密,返回加密后數(shù)據(jù)即可。
- if($_POST['email'])
- {
- $email=$_POST['email'];
- $lowercase = strtolower($email);
- $image = md5($lowercase);
- echo $image;
- }
- ?>
CSS
- #login_container
- {
- background:url(blue.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;
- }
點(diǎn)我下載源碼
新聞標(biāo)題:PHP、jQ和CSS制作頭像登錄窗
網(wǎng)頁網(wǎng)址:http://www.dlmjj.cn/article/dppgsec.html


咨詢
建站咨詢
