2016/3/26 weixin 头像 昵称 网页优化显示 缺表中数据 只有代码 无显示效果

weixin.php

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Document</title>
     <style type="text/css">
     *
     {   /*清格式*/
         margin:0px auto; /*auto自动居中*/
         padding:0px;
         font-family:微软雅黑;
     }
     #list
     {
         width: 350px;height: 400px;
     }
     .py
     {    margin:8px 0px 0px 0px;
         width:350px; height: 35px;
     }
     .py:hover  /*鼠标点击时变色*/
     {
         background-color:#639;
         color:#FFF;
         cursor:pointer;/*鼠标变成手*/
     }
     .img
     {
         width:35px; height: 35px;
         float:left;
     }
     .nc
     {
         float:left;
         height: 35px;
         margin:0px 0px 0px 20px;
         line-height: 35px;
         vertical-align: middle;
     }
     </style>
 </head>
 <body>
  <?php
     $uid="18653378660";
  ?>
  <div id="list">
      <?php
     //连接对象
     $db=new MySQLi("localhost","root","123","weixin");
     //判断是否连接成功
     !mysqli_connect_error()or die("连接失败！");
     //写SQL语句
     $sql="select Friends from friends where Uid='$uid'";
     //执行Sql语句
     $result=$db->query($sql);
     $arr=$result->fetch_all();

     for ($i=0; $i <count($arr) ; $i++)
     {
         //朋友的用户名
         $fuid=$arr[$i][0];
         //查USERS表，根据朋友的UID查出头像和昵称
         $sqlf="select NickName,Pic from Users where Uid='$fuid'";
         $result=$db->query($sqlf);
         $arrf=$result->fetch_row();
         echo "<div onclick='ShowCode(this)' class='py'><img src='$arrf[1]' class='img'/><div class='nc'>$arrf[0]</div></div>";

     }

      ?>
  </div>
  <script type="text/javascript">
      function ShowCode(div)
      {    var d=document.getElementByClassName('py');
          for (var i = 0; i < d.length; i++)
           {
               d[i].style.backgroundColor="#FFF";
               d[i].style.color="#000";
          }
          div.style.backgroundColor="#639";
          div.style.color="#FFF";

          alert(div.getAttribute("bs"));
      }
  </script>
 </body>
 </html>