好久不见,由于换了城市换了工作,两个月零五天没有发布文章,自责加愧疚加难为情,真心的,不要笑。我会反省,之后会定期将自己的所学所思通过文字写出来,和大家一起交流心得。 关于启...
![240](https://cdn2.jianshu.io/assets/default_avatar/9-cceda3cf5072bcdd77e8ca4f21c40998.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
好久不见,由于换了城市换了工作,两个月零五天没有发布文章,自责加愧疚加难为情,真心的,不要笑。我会反省,之后会定期将自己的所学所思通过文字写出来,和大家一起交流心得。 关于启...
实习刚结束,由于实习期间一直用的React框架,原生js都有些生疏了,所以用原生js写了个简单的轮播图练练手。 方法一:更改src属性 第一种实现方法是只用一个img元素,然...
用箭头控制图片的轮播大工告成!!(撒花~) 的上一段代码问题很大
1.切换到下一张的animate函参数值不应该是-600吗?第一张你就给了默认-600px的left,如果在加上+600px再加上你那多余的offset那么轮播会直接空白,同样,上一张的参数也应该是600
2.上一条有提及,为什么你要重复加offset值,你在 var newLeft=parseInt(list.style.left) +offset 已经明明加过,还要在animate函数中再次添加一遍 list.style.left=newLeft+offset+"px";
3.if条件设置也是错误的,第一页为-600px(为真第一张),再点上一张就为0px(若不是请照第1条第2条错误修改)(为假最后一张),再点应该为-2600px(第四张),而不是什么-3000px(真最后一张),你的if设置后果就是最后一张会出现两次。同理点击下一张按钮至-3600px(假第一张),再点击应该跳转至-1200px(第二张),不是
-600px(真第一张),同样第一张也会出现两次
若是新手照着你的代码敲在这一步就会出现非常大的问题,这代码你确定自己敲了一遍?还是从别的地方复制的
这部分正确代码如下
function animate(offset){
var newLeft = parseInt(list.style.left) + offset;
if(newLeft > 0){
newLeft = -2400
}else if(newLeft < -3600){
newLeft = -1200
}
}
list.style.left = newLeft + 'px';
教程类代码请一定自己敲一遍试一试,你觉得新手若是在这一步就出现了非常多的问题,之后的代码他还有可能看吗?