练习题一：通过登录者找到他的好友并显示在页面上

<title>无标题文档</title>

<style type="text/css">

*

{

	margin:0px auto;

	padding:0px;

	}

.hy

{

	width:200px;

	height:50px;

	margin-top:5px;

	}

.hy.hover

{

	background:#9CF;

	cursor:pointer;

	color:#FFF;}

.pic

{

	width:50px;

	height:50px;

	float:left;

	}

.nk

{

	width:120px;

	height:50px;

	line-height:50px;

	vertical-align:middle;

	margin-left:30px;

	float:left;

	}

</style>

</head>

<body>

<?php

$uid="18653378660";

?>

<?php

$db=new MySQLi("localhost","root","","weixin");

!mysqli_connect_error() or die("连接失败！");

$sql="select Friends from friends where Uid='{$uid}'";

$result=$db->query($sql);

$arr=$result->fetch_all();

//循环读取好友的用户名

foreach ($arr as $v)

{

	$fuid=$v[0];//好友的用户名

	//根据好友的用户名在users表中查询出他的昵称和头像

	$sqln="select NickName, Pic from users where Uid='{$fuid}'";

	$resultn=$db->query($sqln);

	$att=$resultn->fetch_row();

	//输出头像$att[1]和昵称$att[0]

	echo "<div class='hy' onclick='Select(this)'>

	<div class='pic'><img src='{$att[1]}' width='50' height='50'/></div>

	<div class='nk'><img src='{$att[0]}'/></div>

	<div>";

	}

?>

</body>

<script type="text/javascript">

function Select(a)

{

	//清除所有选中的状态：

	var div=document.getElementsByClassName("hy");

	for(var i=0;i<div.length;i++)

	{

		div[i].style.backgroundColor="#FFF";

		div[i].style.color="#000";

		}

	//设置选中时的状态：

	a.style.backgroundColor="#9CF";

	a.style.color="#FFF";

	}

</script>

　　

附：以前没学好的一点内容：float

<style>

.a
{
width:200px;
height:50px;
float:left;}

</style>

</head>

<body>
<div class="a">aa</div>
<div class="a">bb</div>
<div class="a">cc</div>
<div class="a">dd</div>
<div class="a">ee</div>
<div class="a">ff</div>

<div style="background:#60F; width:400px; height:100px;">ww</div>

</body>

如何截断流：<div style="clear:both"></div>

<body>
<div class="a">aa</div>
<div class="a">bb</div>
<div class="a">cc</div>
<div class="a">dd</div>
<div class="a">ee</div>
<div class="a">ff</div>
<div style="clear:both"></div> <!--截断流-->

<div style="background:#60F; width:400px; height:100px;">ww</div>

php 练习一 5月5日的更多相关文章

  1. 猖獗的假新闻：2017年1月1日起iOS的APP必须使用HTTPS

    一.假新闻如此猖獗 刚才一位老同事 打电话问:我们公司还是用的HTTP,马上就到2017年了,提交AppStore会被拒绝,怎么办? 公司里已经有很多人问过这个问题,回答一下: HTTP还是可以正常提 ...

  2. 张小龙宣布微信小程序1月9日发布，并回答了大家最关心的8个问题

    2016 年 12 月 28 日,张小龙在微信公开课 PRO 版的会场上,宣布了微信小程序的正式发布时间. 微信小程序将于 2017 年 1 月 9 号正式上线. 同时他解释称,小程序就像PC时代的网 ...

  3. 中国式商业智能报表ActiveReports免费公开课，10月20日开讲

    ActiveReports公开课全方位报表解决方案,满足商业报表五大需求 [开课时间]10月20日[主讲老师]葡萄城报表产品经理[开课形式]网络在线公开课[活动费用]前50名免费 适合人群:报表开发人 ...

  4. JavaScript图表FusionCharts免费在线公开课，由印度原厂技术工程师主讲，10月13日发车

    FusionCharts公开课达人还你做 轻松晋升图表大师 [开课时间]10月13日 14:30[主讲老师]印度原厂技术工程师[开课形式]网络在线公开课[活动费用]前50名免费 现在就可以报名哦  报 ...

  5. 12月15日下午Smarty模板函数

    1.{$var=...} 这是{assign}函数的简写版,你可以直接赋值给模版,也可以为数组元素赋值. <{$a = 10}><!--赋值语句--> <{$a}> ...

  6. 【hihoCoder】1148：2月29日

    问题:http://hihocoder.com/problemset/problem/1148 给定两个日期,计算这两个日期之间有多少个2月29日(包括起始日期). 思路: 1. 将问题转换成求两个日 ...

  7. 马后炮之12306抢票工具（四）--抢票Demo，2014年1月9日终结版

    时隔一年多,终于朋友的忽悠下吧抢票Demo的最后一步完善了,与2014年1月9日成功生成车票. Demo仅经过自己测试,并未在高峰期进行测试,代码质量很差,因为赶工,套用去年模板并未使用设计模式. 代 ...

  8. 腾讯QQ认证空间4月27日已全面开放申请，欲进军自媒体

    今天看到卢松松的博客上爆出,腾讯QQ认证空间4月27日已全面开放申请的消息,这一消息出来, 马浩周根据提示方法进行申请,下面先说说腾讯QQ认证空间的申请方法: QQ认证空间开放申请公告地址:http: ...

  9. [转载]Ubuntu17.04（Zesty Zapus）路线图发布：2017年4月13日发布

    Canonical今天公布了Ubuntu 17.04(Zesty Zapus)操作系统的发布路线图,该版本于今年10月24日上线启动,toolchain已经上传且首个daily ISO镜像已经生成.面 ...

  10. 12月22日《奥威Power-BI财务报表数据填报》腾讯课堂开课啦

    一扇可以通向任何地方的“任意门”,是我们多少人幼时最梦寐以求的道具之一.即使到了现在,工作中的我们还会时不时有“世界那么大,我想去看看”的念头,或者在突然不想工作的时刻,幻想着自己的家门变成了“任意门 ...

随机推荐

  1. C#的Reflection总结

    什么是反射 在.NET中的反射也可以实现从对象的外部来了解对象(或程序集)内部结构的功能,哪怕你不知道这个对象(或程序集)是个什么东西,另外.NET中的反射还可以运态创建出对象并执行它其中的方法. 反 ...

  2. Iterator pattern（c++实现）

    概述: 在现在的电视机中,我们使用[后一个]和[前一个]按钮可以很方便的换台,当按下[后一个]按钮时,将切换到下一个预置的频道.想象一下在陌生的城市中的旅店中看电视.当改变频道时,重要的不是几频道,而 ...

  3. Java实现SOAP协议 之 HelloWorld

    Java实现SOAP协议 之 HelloWorld SOAP是把基于HTTP的WEB技术与XML的灵活性和可扩展性组合在了一起. 准备: 1. 准备一个web server.Tomcat 下载地址 h ...

  4. 牛逼的 弹出层 layer ！！！

    功能强大,实用,操作方便,文档齐全. http://layer.layui.com/api.html 常用功能代码: <!doctype html> <html> <he ...

  5. 【转】 Spinner的常用技巧

    原文网址:http://blog.csdn.net/wanli_smile/article/details/6410388 用法 1 :以资源方式,静态展示 Spinner 选项 1.     在资源 ...

  6. 黑马程序员_Java其他对象(System,Runtime,Date,Calendar,Marh-Random)

    System System类包含一些有用的类字段和方法(都是静态的).它不能被实例化. 在System类提供的设施中,有标准输入.标准输出和错误输出流:对外部定义的属性和环境变量的访问:加载文件和库的 ...

  7. HDU_2037——最多电视节目问题

    Problem Description “今年暑假不AC?” “是的.” “那你干什么呢?” “看世界杯呀,笨蛋!” “@#$%^&*%...”确实如此,世界杯来了,球迷的节日也来了,估计很多 ...

  8. POJ-魔兽世界之一：备战

    描述 魔兽世界的西面是红魔军的司令部,东面是蓝魔军的司令部.两个司令部之间是依次排列的若干城市. 红司令部,City 1,City 2,……,City n,蓝司令部 两军的司令部都会制造武士.武士一共 ...

  9. 常用cl命令参数解释

    紧接前文,第一行cl命令如下: 1> cl /c /IC:\...\include /ZI /nologo- /W3 /WX- /sdl /Od /Oy- /D WIN32 /D _DEBUG ...

  10. 深度分析Linux下双网卡绑定七种模式

    现在一般的企业都会使用双网卡接入,这样既能添加网络带宽,同时又能做相应的冗余,可以说是好处多多.而一般企业都会使用linux操作系统下自带的网卡绑定模式,当然现在网卡产商也会出一些针对windows操 ...