发表于： 2016-01-29 21:37:22
1 2016
今天完成的事：
1.task7。
2.task8。
3.task9。10%
tasks:benjalin.com 过不了的话我再改。
明天计划的事：
1.task9。
大致思路：目前把那个职业介绍区域做成了表格，我看别的师兄都不是表格，不知道我的对不对，看上去好像没什么问题，明天想办法把四个直角处理成圆角。那个反转的页面应该用rgba做吧，翻转的效果得琢磨一下怎么做。
遇到的问题：
轮播效果到底怎么做的？纯CSS好像有很多写法：
1.盒子排列的办法，给每个盒子设一个图片，宽度设置100%，然后浮动，最后用animation，实现轮播的效果。
2.与盒子差不多，只不过把盒子换成列表，其他应该差不多，但是这两种好像有个问题，就是最后一张换到第一张的时候像拉二胡一样跨度有点大。不知道用js能不能解决。
3.这个有点奇葩，直接把需要的图片拼成长条，然后用animation控制，显示所需要的内容，有点类似雪碧图，这个好像很简单，几行代码就搞定了，也不用js，但后期添加或更换图片是个问题。
以上都是自动轮播的，若要手动控制还需要：
1.最常见的应该是左右箭头，放置很方便，就是不知道如何控制。
2.底部的小圆点或者缩略图控制，这两个原理应该差不多的，应该比箭头控制麻烦点，同样，我也不知道怎么写。
倒腾了半天看了不少案例，拿来拆分只剩下轮播自己研究，代码确实不多，但是打开引用的js文件，看傻眼了，满满的一堆还不带空格，这要闹哪样啊，后来知道这应该是压缩过的。最后师兄说涉及的js比较多，可以用插件。。。可以用插件。。。老大真的可以吗？可以的话我就不客气了。
收获：
1.banner插件的使用，用起来还是不难的，直接套进去，再调用一下js就好了，但还是想自己写一个。
PS：先做论坛上的任务吧，官网的任务晚点再补。
返回列表
评论