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>

巴特西

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

最新文章

热门文章

巴特西

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

最新文章

热门文章

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