摘要：<!DOCTYPE html><html><head> <meta charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{margin:0px;padding:0px;} .tit
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0px;padding:0px;}
.title1,.title2,.title3,.title4,.title5{width:100px;height:35px;border:1px solid #000; border-radius:10px 0px 0px 0px;text-align:center;line-height:35px;float:left;margin-right:1px;}
.main1,.main2,.main3,.main4,.main5{width:200px;height:250px;display:none;margin-top:2px;border:1px solid #666;}
.img1{margin-top:7px;margin-left:5px;margin-right:2px;display:inline;}
.title1:hover .main1{display:block;}
.title2:hover .main2{display:block;}
.title3:hover .main3{display:block;}
.title4:hover .main4{display:block;}
.title5:hover .main5{display:block;}
</style>
</head>
<body>
<div class="title1"><div class="img1"><img style="width:15px;height:15px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1542037174534&di=57822d53bf1687783ccaae2a9e91bf9b&imgtype=0&src=http%3A%2F%2Fpic.58pic.com%2F58pic%2F16%2F34%2F54%2F80M58PICpvH_1024.jpg" /></div><span>关注</span>
<div class="main1">
<ul>
<li>科学与实践</li>
<li>生物识别技术</li>
<li>OCR识别技术</li>
<li>人工智能运用</li>
<li>大数据算法</li>
<li>北斗导航系统</li>
<li>前端代码学习</li>
</ul>
</div>
</div>
<div class="title2"><div class="img1"><img style="width:15px;height:15px;" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=165649571,799559953&fm=26&gp=0.jpg" /></div><span>推荐</span>
<div class="main2"></div>
</div>
<div class="title3"><div class="img1"><img style="width:15px;height:15px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1542027177&di=3f334d291377cc8743ff0ad4a7205450&src=http://zy.aqzpw.com/UploadFiles/Company/LogoFile/20160822212617159236.png" /></div><span>问答</span>
<div class="main3"></div>
</div>
<div class="title4"><div class="img1"><img style="width:15px;height:15px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1542027218&di=e8eb45f16ab7826e5ac1a758f84dad4e&src=http://pic4.nipic.com/20091214/818147_171649157291_2.jpg" /></div><span>科技</span>
<div class="main4"></div>
</div>
<div class="title5"><div class="img1"><img style="width:15px;height:15px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1542027264&di=4a82c1fa240d7314b520937568b46b3e&src=http://file02.16sucai.com/web/2015/03/1-150119232300.jpg" /></div><span>财经</span>
<div class="main5"></div>
</div>
</body>
</html>
批改老师：查无此人批改时间：2018-11-13 09:29:48
老师总结：功能实现的很不错，样式在漂亮一些就完美了。继续努力。
