发表于: 2017-04-13 22:33:44
1 544
今天完成的任务:
1.提交任务10~任务12;
2.写完轮播图;
明天计划的任务:
把css任务全部提交。
遇到的困难:
1.在重新修改css任务10的过程中,<input type="radio">之前只能通过点击单选框后面的字体才会显示。后来通过李玺师兄的指点下,将<input type="radio">中的选项框使用display:none;然后对该选项框新建id="a"(举个例子),新建一个label标签,将label标签的样式改成psd中的样式,然后通过label for=id("a")就能完成该问题。
2.对于轮播图。现在感觉还是去jquery之家下一个插件,然后引用jquery插件更加方便一点。jquery之家上有很多插件,以后有时间多去看一下。
收获:
1.再次学习了一下表单元素类型,学会使用label自定义选框样式。
2.对轮播图的原理理解更深一些。轮播图通常都是利用3个图像利用position:absolute将图片重合起来,点击前进按钮,通过javascript改变最上层的图片的left值,下面的图片位置保持不变。点击向后翻页按钮改变最上层的right值,下面的图片依然保持不变
评论