第二次作业

作业内容:

    码云链接:https://gitee.com/bear_chan/codes/vd85bsa4hjkcyw0m3lrit23

    文件:

    百度网盘链接(内含css和图片文件):https://pan.baidu.com/s/1-fidh3vxhfcBJrIMvmhofQ
    提取码:cama
    

模仿的网页:

    http://kitho.cn/navigation/

    原网页截图:

    

    

    模仿效果:

    

    实现了响应式布局和简单的动画效果, 图中说明today开发者这一栏是需要鼠标悬停才会显示出来的(css伪类中的“hover”实现)

图中搜素栏可以选择要使用的搜索引擎(点击即可【radio选中】),根据浏览器窗口大小调整页面布局的大小(media query)等;

    

 

    

    

posted @ 2019-03-26 13:23  遥遥万里  阅读(188)  评论(0)    收藏  举报