发表于： 2016-08-29 00:12:15
0 1679
今天完成的事情：用原生js写了一个轮播图，
明天计划的事情：准备用下周的时间看js面相对象和组件化开发，用这个来重写一遍task2-4.
遇到的问题：各种bug调试了以后解决了
2.获取left方法感觉有问题，不应该通过js把left属性加到html里面，看看今天晚上能不能把这个问题解决。应该是要用一个封装的方法来获取left值。
收获：轮播图主要就是下面几个方法，1.把图片排成一列，给列的父级list加绝对定位，然后点击按钮时调用movePic方法调整整个list父级的left值。2.点击小圆点要跳转到对应的图片。这个可以通过计算得到需要跳转的距离然后作为参数传给movePic。3.图片跳转缓慢过渡，设置每隔30ms移动一次，1000ms内移动完，可以做成缓慢的动画效果。
返回列表
评论