发表于： 2017-04-12 22:48:50
1 563
今天完成的事情：把之前的CSS任务9修改了一遍。重写任务15.。。
明天计划的事情：完成CSS任务15.学习手写轮播图。
遇到的困难：之前的响应式导航栏和写得不是很标准，今天重写了一遍。
以前写的响应式导航栏由于按钮使用的是icon-font字体，现在icon-font字体在谷歌浏览器不显示。所以自己就直接下了个png图片来写导航栏。以前写的任务15中的图片都没有垂直居中，而且感觉挺乱的，所以准备重写一遍。
以前任务15的轮播图是用bootstrap插件和jq库实现的轮播效果，明天准备看视频使用原生js完成轮播图。
收获：
1.重写响应式导航栏。css方面利用媒体查询在不同宽度下设置ul,li，图片小于768px时图片显示，大于768px时图片消失再运用js点击图片,如果ul的diaplay为none；时display为block;display为block时，display为none;从而完成响应式导航栏。
2.在学习轮播图的过程中学习了js中的几个属性。比如说
document.createElement创建span标签。
学习insertBefore函数，用于生成函数
返回列表
评论