標籤：
好友名單
內嵌>內聯>外部
<head><style type="text/css">*{margin:0px auto; //去除元素內建的邊距 auto 自動置中padding:0px; //去掉預設的內邊距font-family:微軟雅黑; //設定字型 }#list{width:350px;height:400px;}.py{margin:10px 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; //設定行高 ，與height 相同vertical-align:middle; //垂直對齊 ，與line-height 結合使用}<style/></head><body><?php$uid= "1414141414";?><div id="list"><?php$db = new MySQLi("localhost","root","123","lianxi");!mysqli_connect_error() or die("串連失敗");$sql = "select Friends from friends where Uid = ‘{$uid}‘";$result = $db->query($sql);$attr = $result->fetch_all();for($i = 0;$i<count($attr);$i++){//朋友的使用者名稱$fuid = $attr[$i][0];//查ueser表，根據朋友的UID查出頭像和暱稱$sqlf = "select NickName,Pic from Users where Uid=‘{$fuid}‘";$resultf = $db->query($sqlf);$attrf = $resultf->fetch_row();echo "<div onclick=‘ShowCode(this)‘ class=‘py‘ bs=‘{$fuid}‘> //bs=‘‘ 自訂屬性 this 傳div本身 this寫在哪裡就代表它本身<img class=‘img‘ src=‘{$attrf[1]}‘/> //用class 不能用id html中不允許id 重複<div class=‘nc‘>{$attrf[0]}</div></div>";}?></div><script type="text/javascript">function ShowCode(div){var d = document.getElementsByClassName("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"));
}</sctript></body>
PHP語言 -- 資料訪問練習（好友名單）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
