日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
PHP、jQ和CSS制作頭像登錄窗

我設(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

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2.

使用PHP、jQuery和CSS制作gravatar頭像登錄窗

HTML 代碼

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
    3.
  •   

  • avatar.php

    這里包含了十分簡單的代碼：接收POST過來的email，進(jìn)行md5加密，返回加密后數(shù)據(jù)即可。

     
 
 
 
      
  
  
  
  
    1. 
  
  
  
  
    2. if($_POST['email']) 
      3. 
  
  
  
  
    3. { 
      4. 
  
  
  
  
    4. $email=$_POST['email']; 
      5. 
  
  
  
  
    5. $lowercase = strtolower($email); 
      6. 
  
  
  
  
    6. $image = md5($lowercase); 
      7. 
  
  
  
  
    7. echo $image; 
      8. 
  
  
  
  
    8. } 
      9. 
  
  
  
  
    9. ?>
      10.

    CSS

     
 
 
 
      
  
  
  
  
    1. #login_container 
      2. 
  
  
  
  
    2. { 
      3. 
  
  
  
  
    3. background:url(blue.jpg) #006699; 
      4. 
  
  
  
  
    4. overflow: auto; 
      5. 
  
  
  
  
    5. width: 300px; 
      6. 
  
  
  
  
    6. } 
      7. 
  
  
  
  
    7. #login_box 
      8. 
  
  
  
  
    8. { 
      9. 
  
  
  
  
    9. padding:60px 30px 30px 30px; 
      10. 
  
  
  
  
    10. border:solid 1px #dedede; 
      11. 
  
  
  
  
    11. width:238px; 
      12. 
  
  
  
  
    12. background-color:#fcfcfc; 
      13. 
  
  
  
  
    13. margin-top:70px; 
      14. 
  
  
  
  
    14. } 
      15. 
  
  
  
  
    15. #img_box 
      16. 
  
  
  
  
    16. { 
      17. 
  
  
  
  
    17. background-color: #FFFFFF; 
      18. 
  
  
  
  
    18. border: 1px solid #DEDEDE; 
      19. 
  
  
  
  
    19. margin-left: 77px; 
      20. 
  
  
  
  
    20. margin-top: -108px; 
      21. 
  
  
  
  
    21. position: absolute; 
      22. 
  
  
  
  
    22. width: 86px; 
      23. 
  
  
  
  
    23. height: 86px; 
      24. 
  
  
  
  
    24. }
      25.

    點(diǎn)我下載源碼


    新聞標(biāo)題：PHP、jQ和CSS制作頭像登錄窗
    網(wǎng)頁網(wǎng)址：http://www.dlmjj.cn/article/dppgsec.html